Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@kenkou/vue-stripe-elements
Advanced tools
A Vue wrapper for stripe elements. This library was inspired in [fromAtoB/vue-stripe-elements](https://github.com/fromatob/vue-stripe-elements), but has the following improvements:
Readme
A Vue wrapper for stripe elements. This library was inspired in fromAtoB/vue-stripe-elements, but has the following improvements:
stripe.js
: is injected at runtime, currently v3
. If it is already configured it works as well.stripe.js
instance by calling getStripe
(returns a Promise
) and then usestripe.js
api itself.npm install --save @kenkou/vue-stripe-elements
or
yarn add @kenkou/vue-stripe-elements
Stripe official javascript library stripe.js
v3
will be automatically injected if window.Stripe
global variable is not set. Elements should be wrapped inside an <Elements>
component as shown below.
<Elements spk="pk_test_xxxxxxxxxxxxxxxxx">
<card-number ref="cardNumber" />
...
<card-cvc />
...
<card-expiry />
</Elements>
To access the stripe element created in each component call the element()
method. To access the stripe instance use getStripe
to get a promise to it. For example, to tokenize a card do:
<script>
import { getStripe } from '@kenkou/vue-stripe-elements'
export default {
...
methods: {
async tokenize() {
// get one of the stripe elements created
const cardNumber = this.$refs.cardNumber.element()
// see the https://stripe.com/docs/stripe-js/reference api
const stripe = await getStripe()
const result = await stripe.createToken(cardNumber)
console.log('tokenized element', result)
}
}
</script>
See src/App.vue
for a complete example.
We got a free demo for you!
Remember to set the spk
value inside data()
function.
First install dependencies:
yarn install
To run App.vue
example:
yarn serve
To create a production build:
yarn build
Built with love at KenKou.
FAQs
A Vue wrapper for stripe elements. This library was inspired in [fromAtoB/vue-stripe-elements](https://github.com/fromatob/vue-stripe-elements), but has the following improvements:
The npm package @kenkou/vue-stripe-elements receives a total of 57 weekly downloads. As such, @kenkou/vue-stripe-elements popularity was classified as not popular.
We found that @kenkou/vue-stripe-elements demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.