## Tech stack Vue3, SCSS, Storybook, Typescript, Vite
npm install @astar-network/astar-ui
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
``