Unimestre-components-base1 NPM

💻 Sobre o projeto

Unimestre, Design System da Unimestre, foi desenvolvido pensando em facilitar o trabalho da nossa equipe de desenvovedores. Unindo design e agilidade, você poderá criar novos produtos Unimestre sem perder tempo e seguindo o padrão dos nossos demais produtos!

Curtiu? Clique aqui para acessar o nosso pacote NPM, qualquer um pode testar :)

⚙️ Como tudo funciona

O Design System - Unimestre, pode ser entendido como uma extensão de componentes do Vuetify adaptados para as necessidades do nosso time, contendo também regras de layout, cores e tipografia da Log. Dessa forma, temos aqui todos os nossos padrões de componentes para que a equipe possa usufruir sem a necessidade de pensar em regras de design e funcionalidades de componentes, maneiro né?

🚀 Como executar o projeto

Pré-requisitos

Git
Node.js - v12.x.x (Recomendamos a instalação pelo NVM)
Yarn

Rodando o projeto

# Clone o repositório
$ git clone https://vlduggen@bitbucket.org/plataformaamais/components.git

# Acesse a pasta do projeto do pacote pelo terminal
$ cd components/

# Instale as dependências
$ yarn install ou npm install

📖 Usando a dependência

Pré-requisitos

$ yarn add unimestre-components-base1 
# ou caso você use o
$ npm install unimestre-components-base1

Logo após a instalação, vá até seu arquivo main.js do Vue

import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'

// 1 - Importe a dependência
import UnimestreComponents from 'unimestre-components-base1';

Vue.config.productionTip = false

// 2 - Declare o plugin
Vue.use(UnimestreComponents);

// 3 - Declare ele na instância do Vue
new Vue({
  vuetify,
  UnimestreComponents,
  render: h => h(App)
}).$mount('#app')

Caso quiser testar para ver se funcionou (Opcional)

/*
* 1 - Vá até seu arquivo App.vue
* 2 - Altere o arquivo pelo seguinte código:
*/
<template>
  <v-app>
    <UButton color="primary">
      My Button
    </UButton>
  </v-app>
</template>

<script>
export default {
  name: 'App',
};
</script>