Loading signature pad in a component no longer works.

Loading signature pad in a component no longer works.

components: {
    VueSignaturePad: () => import('vue-signature-pad')
},

[neighborhood999]

The latest experiment version 2.0.3-beta.3 trying to fix this issue, upgrade to Vue 3 with SFC component.

Now you can import component by this way:

<script>
import { VueSignaturePad } from 'vue-signature-pad';

export default {
  components: {
    VueSignaturePad
  }
}
</script>

also the .use still support:

createApp(yourApp).use(VueSignaturePad)

Folks can try this by installing the experiment version:

$ yarn add vue-signature-pad@2.0.3-beta.3

[ReynerHL]

First, thanks so much for your package and your time @neighborhood999.

Something went wrong since 2.0.1 version. We can use the package through global registration (Vue.use at entry point), but in Single File Components it not longer work.

Until a fix arrive, we can use version 2.0.0. npm remove vue-signature-pad && npm install vue-signature-pad@2.0.0

Be sure that the entry in the package.json remains as follow: "vue-signature-pad": "2.0.0",

Hope this temporal workaround helps someone.