Instalacion

Requisitos

• Node.js >= 18
• Vue 3 >= 3.2
• npm >= 8.5.0

Instalacion via npm

npm install nouislider-vue3

Importacion

Componente + estilos

import Slider from 'nouislider-vue3';
import 'nouislider-vue3/css';

Registro global

import { createApp } from 'vue';
import Slider from 'nouislider-vue3';
import 'nouislider-vue3/css';

const app = createApp(App);
app.component('Slider', Slider);
app.mount('#app');

Registro local

<script>
import Slider from 'nouislider-vue3';
import 'nouislider-vue3/css';

export default {
    components: { Slider },
}
</script>

Archivos del paquete

El paquete incluye tres archivos en dist/:

Archivo	Formato	Uso
nouislider-vue3.mjs	ES Module	Bundlers modernos (Vite, Webpack 5+)
nouislider-vue3.umd.js	UMD	Compatibilidad universal, CDN
nouislider-vue3.css	CSS	Estilos del componente + noUiSlider

La importacion 'nouislider-vue3/css' carga los estilos necesarios, incluyendo los estilos base de noUiSlider.