ivan-button

Proyecto de prueba para experimentar con vue 3 + vite + vite-demi + oruga. Exporta un botón como librería en un proyecto con vue 3.

Instalación del repositorio

Este repo requiere Node.js v16. Para instalarlo, ejecuta los siguientes comandos desde tu consola:

git clone https://gitlab.com/creditu-team/ivan-button.git
cd ivan-button
nvm use 16
npm install

Este repositorio no tiene un main para ejecutarse de manera local. Debes publicarlo en https://www.npmjs.com/ como librería y luego instalar la librería en el repositorio vue 3 que lo deseas utilizar.

Uso de la librería (post publicación en NPM)

Posterior a su implementación en https://www.npmjs.com/, desde tu repo en vue 3, debes importarlo desde el main de tu proyecto:

// @ts-ignore
import IvanButton from 'ivan-button';
import 'ivan-button/dist/style.css';
app.use(IvanButton)

La configuración final de tu main debería quedar con el siguiente aspecto:

import { createApp } from 'vue'
import './style.css'

// @ts-ignore
import IvanButton from 'ivan-button';
import 'ivan-button/dist/style.css';

import App from './App.vue'

const app = createApp(App)
app.use(IvanButton)

app.mount('#app')

Luego, incluye el botón en tu componente .vue de la siguiente manera:

<IvanButton />

Instalación del botón de ejemplo

Si deseas, puedes probar este botón que ya se encuentra publicado en NPM. Para ello, desde la consola en tu repositorio cliente con vue 3, debes ejecutar el siguiente comando:

npm install ivan-button@latest

Nota: Recuerda que la publicación de tu botón debe tener un nombre distinto, de lo contrario NPM no te dejará publicarlo.