Facial Validator Client

O pacote gera um componente que realiza a captura e envia ao back-end para a realização da validação facial

Iniciando o projeto

Para instalar a library da página de login

npm i facial-validation-client

Ou se já estiver instalado, realizar o update do pacote NPM para verificar se não há alguma nova versão

npm update facial-validation-client

Agora no arquivo main.js, que é o ponto de entrada principal da aplicação, fazemos o import do componente presente na library instalada

import FacialCapture from "facial-validation-client";
import "facial-validation-client/dist/style.css";

No mesmo arquivo, criamos uma instância do componente na aplicação Vue.js

const app = createApp(App);
app.use(FacialCapture);
app.mount("#app");

Utilizando no projeto

Agora conseguimos utilizá-lo globalmente apenas chamando o componente em alguma das páginas

<facial-capture></facial-capture>
<FacialCapture />

Estrutura

├── src/components        # Componentes disponibilizados na library
├── composer.json         # Listar as dependências do projeto e suas versões

Dependências

| Recurso | Versão | |--------------------|-----------| | vue.js | ^3.4.21 |

Guias:

• Publish a Vue Component to NPM // Vite and Vue 3
• Building a Vue 3 component library