Franq DS

Este repositório tem como objetivo centralizar os componentes utilizados nos projetos de frontend da Franq, de acordo com o design system da empresa.

O repositório inclui uma pasta chamada /ds-assets, responsável pela geração de ícones no formato de Web Fonts (woff, ttf, woff2), utilizando a biblioteca Fantasticon.

Configuração recomendada da IDE

Utilize VSCode com a extensão Volar, e certifique-se de desabilitar o Vetur.

Suporte de Tipagem para Arquivos .vue no TypeScript

O TypeScript, por padrão, não oferece suporte nativo para tipos em arquivos .vue. Para resolver isso, substituímos a CLI padrão do tsc pelo vue-tsc, que realiza a verificação de tipos corretamente. Além disso, no editor de código, é necessário utilizar o Volar] para que o serviço de TypeScript reconheça as definições de tipos nos arquivos .vue.

Configruação customizada

Consulte a Documentação de configuração do Vite para ajustar as configurações conforme necessário.

Configuração do projeto

Para configurar o projeto, execute o seguinte comando:

npm install

Compilação e Hot Reload para Desenvolvimento

npm run dev

Verificação de Tipos, Compilação e Minificação para Produção

npm run build

Linting com ESLint

npm run lint

Para publicar no NPM

Faça o login na sua conta NPM

npm run login

Faça a publicação no npm

npm publish --access public