testlibraryvue v0.0.14

UniqueCore

Este es una librería de componentes de prueba en el cual se muestra como realizar la configuración y uso de dicha librería

• Instalar npm i testlibraryvue

Al instalar el paquete npm es necesario abrir el archivo main.js en tu proyecto de vue.js en el archivo main.js vamos agregar el siguiente código para usar el paquete de manera global. Luego agregamos testlibraryvue en un use( aqui el la libreria de componente ) para usarlo globalmente y poder usar todos los componentes que nos provee la librería

*Primero importamos la libreria*
import  testlibraryvue  from  'testlibraryvue'

createApp(App)
	.use( store )
	.use( router )
	.use( testlibraryvue )
	.mount('#app')

Al final debería quedar de esta manera.

import { createApp } from  'vue'
import  App  from  './App.vue'
import  router  from  './router'
import  store  from  './store'
import  './styles/styles.scss'
import  testlibraryvue  from  'testlibraryvue'

createApp(App)
	.use( store )
	.use( router )
	.use( testlibraryvue )
	.mount('#app')

Al agregarlo podremos usarlo en toda la aplicación sin la necesidad de tener que importar nada mas. Ejemplo de uso de componentes:

<template>
    <div  class="container">
	    <u-text-field
		    id="text"
		    v-model="modelo"
		    label="Nombre"
		    placeholder="Escribe tu nombre"
		    hint="El nombre es un campo obligatorio"
	    >
	    </u-text-field.
    </div>
<template>
<script>
    export  default {
	    data(){
		    return {
				modelo: ''
			}
		}
    }
</script>

Documentación de componentes: En desarrollo