refactor(examples): add important comment about vue 3.5

ectoflow · Jan 13, 2025 · bb59f50 · bb59f50
1 parent abb2d7a
commit bb59f50
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/examples/CardElement.vue b/examples/CardElement.vue
@@ -51,6 +51,7 @@ const cardOptions = ref<StripeCardElementOptions>({
 })
 const stripeLoaded = ref(false)
 
+// Vue 3.5 and newer, for older vue versions use ref()
 const elementsComponent = useTemplateRef("elementsComponent")
 const cardComponent = useTemplateRef("cardComponent")
 const stripe = ref<Stripe | null>(null)

diff --git a/examples/ExpressCheckoutElement.vue b/examples/ExpressCheckoutElement.vue
@@ -47,6 +47,7 @@ onBeforeMount(() => {
   })
 })
 
+// Vue 3.5 and newer, for older vue versions use ref()
 const elementsComponent = useTemplateRef("elementsComponent")
 const expressCheckoutComponent = useTemplateRef("expressCheckoutComponent")
 

diff --git a/examples/PaymentElementDeferred.vue b/examples/PaymentElementDeferred.vue
@@ -57,7 +57,7 @@ const paymentElementOptions = ref<StripePaymentElementOptions>({
 const stripeLoaded = ref(false)
 const clientSecret = ref("")
 
-// Define component refs
+// Vue 3.5 and newer, for older vue versions use ref()
 const elementsComponent = useTemplateRef("elementsComponent")
 const paymentComponent = useTemplateRef("paymentComponent")
-Original file line number
+Diff line change
@@ Expand Up / @@ -47,6 +47,7 @@ onBeforeMount(() => { @@
       })
     })
+    // Vue 3.5 and newer, for older vue versions use ref()
     const elementsComponent = useTemplateRef("elementsComponent")
     const expressCheckoutComponent = useTemplateRef("expressCheckoutComponent")
@@ Expand Down @@