refactor(examples): add important comment about vue 3.5

Author: softbeehive

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)

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")
 

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")