UpCities Styleguide

UpCities Styleguide Components and Patterns (Docs)

• Instalação
• Uso
  • Imports
• Docs

Instalação

yarn add -D styleguide-package

# ou

npm install styleguide-package --save-dev

Uso

Para utilizar a biblioteca, podemos importar os arquivos deste pacote.

Imports

Podemos importar de várias formas, uma delas é diretamente no componente ou até mesmo no componente .vue raíz do projeto, o app.vue.

<style lang="scss">
@import 'styleguide-package/src/nome-do-arquivo';
</style>

Outra maneira de importar, será no arquivo vue.vonfig.js, por exemplo:

 vite: {
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `
          @import 'styleguide-package/src/nome-do-arquivo';
          `,
        },
      },
    },
  },

Assim, teremos acesso as variáveis do pacote.

Docs

A documentação do styleguide está disponível no projeto do Styleguide.