Payment Element is not working

[samyankho]

Describe the bug
The payment Element is not working

To Reproduce
Steps to reproduce the behavior:

1. Go to (https://vuestripe.com/stripe-elements/payment/)
2. Click on Pay 20
3. Open dev tool to check console
4. See the error

Expected behavior
It will render and show the payment element

Desktop (please complete the following information):

• OS: Windows
• Browser: chrome
• Version: 110.0.5481.177

[gnubyte]

Adding some relevant error messages I saw while trying to use the payment element.

[Vue warn]: Extraneous non-emits event listeners (loading) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.

Vue warn]: Invalid VNode type: undefined (undefined) at <StripeCheckout ref="checkoutRef" mode="subscription"

[Vue warn]: Property "ce" was accessed during render but is not defined on instance.

[Vue warn]: Property "ctx" was accessed during render but is not defined on instance.

[Vue warn]: Property "anchor" was accessed during render but is not defined on instance.

[Vue warn]: Property "el" was accessed during render but is not defined on instance.

[jofftiquez]

Thank you for posting an issue, the current documentation is not updated is will be replaced with a new version compatible with Vue 3. I will think about how to approach the old ones. But there's a high chance that I might deprecate the existing examples already.

[gnubyte]

Ah! Okay that makes sense., I appreciate you taking a look.

[ph1823]

Thank you for posting an issue, the current documentation is not updated is will be replaced with a new version compatible with Vue 3. I will think about how to approach the old ones. But there's a high chance that I might deprecate the existing examples already.

Do you know when you publish the new documentation for vue3 ? I try to implement Stripe with VueJS 3 vu i get a error. I think its the same issue.

Thank for you help and you time !

[jofftiquez]

Thank you for posting an issue, the current documentation is not updated is will be replaced with a new version compatible with Vue 3. I will think about how to approach the old ones. But there's a high chance that I might deprecate the existing examples already.

Do you know when you publish the new documentation for vue3 ? I try to implement Stripe with VueJS 3 vu i get a error. I think its the same issue.

Thank for you help and you time !

Give or take 2nd week of June. We're gonna launch the vue stripe first then the docs. But I can create basic docs for implementation upon lunch for you guys to check.

[ph1823]

why not, if that doesn't waste a lot of your time. Thank you very much for your involvement!

[tux2nicolae]

Hi, @jofftiquez do you have any updates on this?

[jofftiquez]

Hi, @jofftiquez do you have any updates on this?

Hi, no updates on the documentation yet, however all progress in development is in here https://github.com/vue-stripe/vue-stripe/tree/mahomuri/refactor/v5 I'm currently reviewing the work of the team and we will soon release as follows:

• V5 with essential docs
• Full docs
• Example apps for: Vite, Nuxt, and Quasar Framework

[ph1823]

Hi @jofftiquez have you more information about release of V5 ?
Thank

[tux2nicolae]

Is this still a thing, or this library was abandoned?

[ph1823]

Is this still a thing, or this library was abandoned?

I think still a thing, when check commit, we sée commit dated 3 month on branch refactor-v5 and 5 days on refactor-v5vite

[jofftiquez]

This project is not abandoned, my apologies for the delays. It's hard to maintain being so busy at the same time. But this is something I am definitely willing to finish. For the meantime if you need help with implementation feel free to reach out to me. Thank you!

Is this still a thing, or this library was abandoned?