upmce-components v1.0.0

design-system

Setup Repo

$ cd design-system

# lerna is nice but not needed for this repo...
# $ lerna init --independent

# storybook and Vue
$ npx -p @storybook/cli sb init --type vue
$ npm i vue
$ npm i --save-dev vue-loader vue-template-compiler @babel/core babel-loader babel-preset-vue

# other project setup is copied over from client repo.

# install packaging dependencies
npm i --save-dev rollup rollup-plugin-vue rollup-plugin-alias @rollup/plugin-buble @rollup/plugin-commonjs 
# rollup-plugin-alias doesn't seem to work on resolving the issue with `@use 'src/assets/theme' as theme;`

# serve on specific component (Vue CLI3)
$ vue serve --open src/components/Multiselect.vue

References

1. https://medium.com/js-dojo/sharing-reusable-vue-js-components-with-lerna-storybook-and-npm-7dc33b38b011
2. https://vuejs.org/v2/cookbook/packaging-sfc-for-npm.html