Bind & compute CTA text

src/layouts/payment-method/payment-method.vue

@@ -5,7 +5,7 @@
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
             <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" leftAlignHeader />
             <hr class="mt-0" />
-            <paymentMethodQuestion v-model="test" />
+            <paymentMethodQuestion v-model="paymentMethod" />
             <div class="fade-on-route-transition sub-container make-tall">
                 <funnel-footer
                     cmsWidgetName="FunnelFooterWidget"
@@ -54,7 +54,7 @@ export default {
     },
     data() {
         return {
-            test: null,
+            paymentMethod: null,
         };
     },
     methods: {
@@ -65,6 +65,20 @@ export default {
         backButtonAction() {},
         forwardButtonAction() {},
     },
+    computed: {
+        customCtaCopy() {
+            switch (this.paymentMethod) {
+                case "CreditCard":
+                    return "Continue to checkout";
+                case "Paypal":
+                    return "Continue to Paypal";
+                case "Afterpay":
+                    return "Continue to Afterpay";
+                default:
+                    return null;
+            }
+        },
+    },
     components: {
         funnelHeader,
         funnelFooter,