Use with nuxt typescript

[zecka]

Any way to use it with typescript ?

Currently i have following error:
Module '"../../../../node_modules/v-stripe-elements/types"' has no exported member 'VStripeCard'

I try also to import like that:

import { VStripeCard } from 'v-stripe-elements/lib/index'

And then add declare module 'v-stripe-elements/lib/index' in a .d.ts file

But then I have following error:
Cannot use import statement outside a module

[zecka]

Okay, I get it, there may be a better way but I solve it as follows:

Create a plugin /plugins/v-stripe-elements.ts

In this file add following content

import Vue from 'vue'
import { VStripeCard } from 'v-stripe-elements/lib/index'
Vue.component('VStripeCard', VStripeCard)

then import it from nuxt.config.js (like you say #1 )

// nuxt.config.js
module.exports = {
  // ... your other config options ...
  plugins: [
    // ... other plugins you might have registered ... //
    { src: '~/plugins/v-stripe-elements', ssr: false }
  ]
}

Declare module v-stripe-element.d.ts

Create file v-stripe-element.d.ts inside type folder with following content:

declare module 'v-stripe-elements/lib/index'

Include v-stripe-element.d.ts in tsconfig if you are not already import all .d.ts

// tsconfig.json
{
    "compilerOptions":{
        "types": [ "./types/v-stripe-element.d.ts"]
    }
}