saraiva-system

Test project to create a design system in vue 3 with the following characteristics: tokens, styles and components

Install

npm i saraiva-system

Usage

//import in main.js
import system from 'saraiva-system';
import 'saraiva-system/dist/saraiva-system.css';

// how to use tokens and themes 
import { tokens, themes } from 'saraiva-system';

// change default theme
this.$loadTheme('base'); // or vue

Project setup

yarn install

View components

yarn storybook

Build storybook

yarn build:storybook

Build Tokens

yarn build:tokens

Build Lib

yarn build:lib

Lints and fixes files

yarn lint

Run unit tests

yarn test

Open coverage

yarn coverage

Watch tokens

yarn watch:tokens