@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

npm version

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
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