WorkSafe Component Library
This repository contains Vue components and settings used by WorkSafe websites, documented by Storybook. It is designed to be consumed by a Vue app.
Quick start
git clone worksafe-component-library
cd worksafe-component-library
npm install
npm link
npm start
cd ../worksafe-client
npm link worksafe-component-library
Now the components are available for import into your Vue app, e.g.
worksafe-client/src/components/Sidebar/index.vue
import CoolButton from 'worksafe-component-library'
How it works
Make a component, register it for export
TODO
Storybook
Cool tool to document Vue components
TODO
Deploying the component library
Deploy to Github Pages by running the following command:
yarn deploy
This will build the storybook, and then deploy it to Github by pushing the contents of /dist
to origin
's gh-pages
branch.
Contact
Yavisht Katgara yavisht_katgara@worksafe.vic.gov.au