https://github.com/kimlarocca/vue-evolve

Vue Evolve is a design system built with Storybook and Vue. A Design System is the single source of truth that groups all the elements that will allow the teams to design, realize and develop a product.
https://github.com/kimlarocca/vue-evolve

design storybook system vue

Last synced: 21 days ago
JSON representation

Vue Evolve is a design system built with Storybook and Vue. A Design System is the single source of truth that groups all the elements that will allow the teams to design, realize and develop a product.

• Host: GitHub
• URL: https://github.com/kimlarocca/vue-evolve
• Owner: kimlarocca
• Created: 2020-06-10T17:55:35.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T17:31:15.000Z (almost 2 years ago)
• Last Synced: 2024-12-31T23:29:27.868Z (about 1 month ago)
• Topics: design, storybook, system, vue
• Language: JavaScript
• Homepage: https://kimlarocca.github.io/vue-evolve
• Size: 8.3 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 18
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue Evolve

Vue Evolve is a design system built with Storybook and Vue.

## Project Setup

If vue isn’t installed, run

```

npm install -g @vue/cli

```

Then

```

npm install

```

#### Launches Storybook

```

npm run storybook

```

#### Builds Storybook

```

npm run build-storybook

```

#### Deploys Storybook To Github Pages

First build storybook:

```

npm run build-storybook

```

Then push to the master branch.

Finally, push the updates to the gh-pages branch:

```

git subtree push --prefix storybook-static origin gh-pages

```

In a few minutes, Github Pages should refresh with your newest repository changes. Visit [https://kimlarocca.github.io/vue-evolve](https://kimlarocca.github.io/vue-evolve) to view Storybook!

#### Runs unit tests

```

npm run test

```

#### Lints and fixes files

```

npm run lint

```

### Local Development

Create a global symlink for this package:

```

npm link (or sudo npm link)

```

Tell your application to use the global symlink:

```

npm link vue-evolve

```

Refresh your application after changes:

```

npm update

```

Unlink it:

```

npm unlink

```

### Nuxt configuration

Add this to your nuxt.config.js file to import components for use with SSR:

```

build: {

  transpile: ['vue-evolve']

}

```