Vue 3 can have some issues with camelCase event names and lazy-loaded components (https://github.com/vuejs/vue-next/issues/2343).
Bindings to the rescue!
With vue bindings the web components get wrapped in a Vue proxy. Additionally, vue model binding on all nano-
form components should also work.
In your project:
$ npm i @nanoporetech-digital/components-vue
OR
$ yarn add @nanoporetech-digital/components-vue
Then:
import { NanoInput } from '@nanoporetech-digital/components-vue';
- Build the Nano Components package.
- Run build on this package.
- Run publish on this package.