@nanoporetech-digital/components-vue
Vue 3 wrapper for Nano Components
16,322
| Install | |
|---|---|
npm install @nanoporetech-digital/components-vue |
|
| Latest Version: | 9.1.8 |
| Vue: | 3 |
| License: | MIT |
| Last Updated: | Oct 21, 2026 |
| Links: | Repository · npm |
Maintainer: john.jenkins
Nano Components Vue 3
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.
Usage
In your project:
$ npm i @nanoporetech-digital/components-vue
OR
$ yarn add @nanoporetech-digital/components-vue
Then:
import { NanoInput } from '@nanoporetech-digital/components-vue';
Publishing this package
Step 1.
- Build the Nano Components package.
Step 2.
- Run build on this package.
- Run publish on this package.
Related Packages
@nanoporetech-digital/components-nuxt
A Nuxt module for nano-components. SSR. Vue Binding. Assets.
12,495
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 9.1.8 | ^3.5 | MIT | |
| 9.1.7 | ^3.5 | MIT | |
| 9.1.6 | ^3.5 | MIT | |
| 9.1.5 | ^3.5 | MIT | |
| 9.1.4 | ^3.5 | MIT | |
| 9.1.3 | ^3.5 | MIT | |
| 9.1.2 | ^3.5 | MIT | |
| 9.1.1 | ^3.5 | MIT | |
| 9.1.0 | ^3.5 | MIT | |
| 9.0.1 | ^3.5 | MIT | |
| 9.0.0 | ^3.5 | MIT | |
| 8.24.1 | ^3.5 | MIT | |
| 8.24.0 | ^3.5 | MIT | |
| 8.23.11 | ^3.5 | MIT | |
| 8.23.10 | ^3.5 | MIT | |
| 8.23.9 | ^3.5 | MIT | |
| 8.23.8 | ^3.5 | MIT | |
| 8.23.7 | ^3.5 | MIT | |
| 8.23.6 | ^3.5 | MIT | |
| 8.23.5 | ^3.5 | MIT | |
| 8.23.4 | ^3.5 | MIT | |
| 8.23.3 | ^3.5 | MIT | |
| 8.23.2 | ^3.5 | MIT | |
| 8.23.1 | ^3.5 | MIT | |
| 8.23.0 | ^3.5 | MIT | |
| 8.22.0 | ^3.5 | MIT | |
| 8.21.0 | ^3.5 | MIT | |
| 8.20.0 | ^3.5 | MIT | |
| 8.19.1 | ^3.5 | MIT | |
| 8.19.0 | ^3.5 | MIT |
Showing the latest 30 of 348. See every release on npm
Pre-releases (17)
| Version | Released | Vue | License |
|---|---|---|---|
| 8.0.0-alpha.13 | ^3.5 | MIT | |
| 8.0.0-alpha.12 | ^3.5 | MIT | |
| 8.0.0-alpha.11 | ^3.5 | MIT | |
| 8.0.0-alpha.10 | ^3.5 | MIT | |
| 8.0.0-alpha.9 | ^3.5 | MIT | |
| 8.0.0-alpha.8 | ^3.5 | MIT | |
| 8.0.0-alpha.7 | ^3.5 | MIT | |
| 8.0.0-alpha.6 | ^3.5 | MIT | |
| 8.0.0-alpha.5 | ^3.5 | MIT | |
| 8.0.0-alpha.4 | ^3.5 | MIT | |
| 8.0.0-alpha.3 | ^3.5 | MIT | |
| 8.0.0-alpha.2 | ^3.5 | MIT | |
| 8.0.0-alpha.1 | ^3.5 | MIT | |
| 8.0.0-alpha.0 | ^3.5 | MIT | |
| 1.14.0-alpha.0 | 3.1.4 | MIT | |
| 1.6.10-alpha.0 | 3.0.7 | MIT | |
| 1.6.9-alpha.0 | 3.0.7 | MIT |