@br.gov.cgu/componentes-vue

Componentes comuns da CGU para Vue.JS

Usage no npm install needed!

<script type="module">
  import brGovCguComponentesVue from 'https://cdn.skypack.dev/@br.gov.cgu/componentes-vue';
</script>

README

Como usar

npm i "@br.gov.cgu/componentes-vue"

E no seu main.js ou onde vc instanciar o seu objeto Vue:

import ComponentesCGU from "@br.gov.cgu/componentes-vue";

Vue.use(ComponentesCGU);

Isso vai deixar disponível os seguintes componentes:

  • TableAjax
  • Card
  • Autocomplete
  • BInputValidationAndMask
  • BTextAreaWithValidation
  • Checkbox
  • CheckboxesWithValidator
  • MultiSelect
  • SingleSelect

E também vai instalar no Vue prototype o cgu.js e o axios. Você pode usa-los em qqlr componente chamando: this.cgu e this.axios

Instruções para referenciar o componentes-vue localmente

  1. Mover a pasta local do componentes-vue pra dentro de uma outra pasta chamada @br.gov.cgu
  2. Acessar a pasta @br.gov.cgu/componentes-vue pelo cmd e digitar npm link
  3. Acessar a pasta contendo o código de frontend da aplicação e digitar npm link @br.gov.cgu/componentes-vue
  4. Descomentar as seguintes linhas no arquivo vue.config.js:
const path = require('path');

...

resolve: {
    alias: {
        vue$: path.resolve(__dirname, './node_modules/vue/dist/vue.esm.js'),
    }
},
  1. Alterar o código na pasta @br.gov.cgu/componentes-vue
  2. Publicar localmente a alteração através do comando npm build

Para desfazer o referenciamento local, executar o comando npm unlink @br.gov.cgu/componentes-vue na pasta com o código de frontend da aplicação.

Novas versões

Pra publicar novas versões, pedir permissão pro Renan nesse repostório e rodar:

npm run build

npm adduser //Siga as instruções e faça login com seu usuário npmjs.org
//Só precisa do adduser uma vez na maquina.. dps fica guardada a sessão

npm publish

Lembre-se de alterar a versão corretamente, seguindo o pattern de versões do npm (major.minor.bugfix).

Lembre-se de commitar as alterações no nosso git.