Astar-UI

Tech stack

Vue3, SCSS, Storybook, Typescript, Vite

Storybook

https://main--625fa762a035be003a9814c1.chromatic.com/

Project setup

$3

``
yarn install
`

$3

`
yarn build:lib
`

$3

`
yarn storybook
`

$3

`
yarn build-storybook
`

$3

`
yarn dev
`

Usage Of Components Built

As Component
`
import { Header } from 'astar-ui';
...
components:{
Header
}
`

As Plugin
`
import astarUI from 'astar-ui';
...
app.use(astarUI)
`

then use like
`

Test
`

How to contribute

$3


`
[DirectoryName]
> src
>> [Component.vue]
> index.ts (need to register as plugin, keep following the rule of component name :: app.component('astar-[component-name]', ComponentName) )
`

$3

`
stories
> [DirectoryName]
>> [Component].stories.js
`
refer to: https://storybook.js.org/docs/vue/writing-stories/introduction

$3

`
yarn storybook
`
Hot reloading support

$3

Once it merged to main, it automatically deploy & publish to npm with new version in github action workflow and deployed storybook as well.
there's no need to update version manually or build library & storybook before sending PR.

$3

https://main--625fa762a035be003a9814c1.chromatic.com/

$3

Update latest ui library(astar-ui) version
then use like
`

Test
``