{"_id":"@dcrall/vue-storybook","_rev":"3-0f2e138dd62878d8e5e271032fc58b91","name":"@dcrall/vue-storybook","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@dcrall/vue-storybook","main":"./dist/vstorybook.common.js","version":"0.1.0","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name vstorybook ./src/index.js","lint":"vue-cli-service lint","storybook:build":"vue-cli-service storybook:build -c config/storybook","storybook:serve":"vue-cli-service storybook:serve -p 6006 -c config/storybook"},"dependencies":{"@tailwindcss/ui":"^0.3.0","core-js":"^3.6.4","vue":"^2.6.11"},"devDependencies":{"@storybook/addon-actions":">=5.3.0","@storybook/addon-docs":">=5.3.0","@storybook/addon-knobs":">=5.3.0","@storybook/addon-links":">=5.3.0","@storybook/addon-notes":">=5.3.0","@storybook/vue":">=5.3.0","@vue/cli-plugin-babel":"~4.3.0","@vue/cli-plugin-eslint":"~4.3.0","@vue/cli-service":"~4.3.0","babel-eslint":"^10.1.0","eslint":"^6.7.2","eslint-plugin-vue":"^6.2.2","vue-cli-plugin-storybook":"~1.2.2","vue-cli-plugin-tailwind":"~1.4.0","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"babel-eslint"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"7e8092873ac6e73f9478526c4d9803b3e3bfea0b","description":"## Project setup ``` yarn install ```","_id":"@dcrall/vue-storybook@0.1.0","_nodeVersion":"14.1.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-+vegEi9oReBg5pA5eIpQI8Q4mMfV1X7+eDDT2tNIXy4MDqb8VSinePVoH2SyuHm4wB8Br7jtHkl8lCqxW83eUQ==","shasum":"dba24c8b2339a54884e5fde524cbda65963166d0","tarball":"https://registry.npmjs.org/@dcrall/vue-storybook/-/vue-storybook-0.1.0.tgz","fileCount":24,"unpackedSize":106130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJescbSCRA9TVsSAnZWagAAmm0QAKPiKJDwbGPUmEfxDdfz\nnZXZKfwWsAYOiDfqd+XaJoKl6bak9OTlDgGmSgE2Gz/yW08XnHyWLjtMub3/\nKwelgOGO90LmyaKTHzKibKszY8oY8g5bEdadbElvMNJLlQrtLFRyVecLR9Ma\nGQc37sleaXrHbAw6tw62x9g++Ha3YB6ayeDk04GQWrcQlSIUcj2bF5Jo2KKW\njzjkEvSfDlojaSX/096wGH+K3Q9Nf02qq/KpVzAR6L6PcBeQuVkJn0wdjolG\n7RAhSYMp0lVhDq1TyiVWLWcS+ZvhNKwB3v/yVRT4WIAz0jN5owVdW7Rl+n50\nHesvGW2g2/JW0krSP11Zar1daXt1Xi4H01N4w875nY8nOspUM5nE+5LNuDOK\nkeIKhGqH3XZIqg/9WXGSsfdQw8Ij7gbBijWKGF8huK8G4ugBQ2czzUhvPc/N\n+tp7OtKct7xKficiF/O1//b974/rCi+wjX9Sy6Ds/V8daV+mBNkoc8ttsXTh\nTXR/3zMoO29H0T2lcBFyOtNRqJJfmhuD+Wo5SeUr2ZtkULcTFBl/UXDRUtak\nnzVNSkeBjJ4qOXyEWP60T+twiMTeZViBTd7eL4GFM0GZmpFfJpbZwuf0eA3e\nmGilK5t6LLTBNPYBxHlerWdnrrJAe9AHfuqgK0pRVeGD2mC3YcrsoKCnvrMK\nKYzC\r\n=vPLR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEMKBKOqwLCmN1NkJVSDI8/O70R0CjbeoO3leLaJqAVGAiBKea5rpKcADYl1k5FeL5bHI67sknoRD09W5nhMRv+aUA=="}]},"maintainers":[{"name":"dcrall","email":"dennis.crall@gmail.com"}],"_npmUser":{"name":"dcrall","email":"dennis.crall@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-storybook_0.1.0_1588709074360_0.5594103234866417"},"_hasShrinkwrap":false},"0.1.1":{"name":"@dcrall/vue-storybook","main":"./dist/vstorybook.common.js","version":"0.1.1","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name vstorybook ./src/index.js","lint":"vue-cli-service lint","storybook:build":"vue-cli-service storybook:build -c config/storybook","storybook:serve":"vue-cli-service storybook:serve -p 6006 -c config/storybook"},"dependencies":{"@tailwindcss/ui":"^0.3.0","core-js":"^3.6.4","vue":"^2.6.11"},"devDependencies":{"@storybook/addon-actions":">=5.3.0","@storybook/addon-docs":">=5.3.0","@storybook/addon-knobs":">=5.3.0","@storybook/addon-links":">=5.3.0","@storybook/addon-notes":">=5.3.0","@storybook/vue":">=5.3.0","@vue/cli-plugin-babel":"~4.3.0","@vue/cli-plugin-eslint":"~4.3.0","@vue/cli-service":"~4.3.0","babel-eslint":"^10.1.0","eslint":"^6.7.2","eslint-plugin-vue":"^6.2.2","vue-cli-plugin-storybook":"~1.2.2","vue-cli-plugin-tailwind":"~1.4.0","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"babel-eslint"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"7e8092873ac6e73f9478526c4d9803b3e3bfea0b","description":"## Project setup ``` yarn install ```","_id":"@dcrall/vue-storybook@0.1.1","_nodeVersion":"14.1.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-nNVvX1d1doRWCdl2EUXpt6xGv82jTttd6qv5XvqPtDqcchFKqkTtApVRCH4mMNYe7av2dKJhlqfmSLlacU39TA==","shasum":"73699d14d1b6f88020d933f3960c448328feb6aa","tarball":"https://registry.npmjs.org/@dcrall/vue-storybook/-/vue-storybook-0.1.1.tgz","fileCount":24,"unpackedSize":106165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJescwRCRA9TVsSAnZWagAAlfQP/RvaYKlgARKNJ1ZKPWsH\nv7x7IfSiGzLBSZu1QuOeuTH9KJLbDqrh3d8BRcTHavFpWHgIdJPFdt4FyTvQ\nHXXHeJovXUK610cf+dWiCF+pfSuDszBEQOs7+XQ3z1xwS87IIVok2maQLiY6\nYrO+gJvKFgw/3XiNug/rwIk4dlNQQWmkD4ejDNIKeJEwchajFjdOcOVJA27K\n+6M6K+41iSYdCxTXHMLdgmTsUpQSz+s0aREN5Gd9eeXzaA+N3/amXH9NfNR3\npsB59po35DZJDkC3q+avX2PKEAUjwNKaCyxurztVoND19U4+t2xsPaMdF6cd\nLAGzlqmsXdlt8cHlkHi0E7rUNRFETUp9dxHE0P8nGCAwrORMJGQN6mn3d6AL\nqeropEbuyaQM0b5KYPSIEX0cW2wvZBStbohRQCpvXbfuOt6+IqsLYnO9q9ZF\nzlnNpSq9/Emcnp4BngiyQg41H5FB6R9dqz5e9O/jTJ1pa9Adn6I58HaEV6TM\nrnKQdFnoMjjtS3nCx2yZHh4bMjJcqVakSKDDBTbc+LD7h99ByrRH4qdzMiih\nwQJnoQ5PboVACz9Yjb7IN2pTe2rGTH51MVAfY36NR5m5A0E/tFDCOodBxmd1\n9c7E37kH5FINRiGuOs6iWpP5gQX/S9AISXBYVVI23m9/CcM7NUcoYcuzI+1O\nUMRn\r\n=afFI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHZnUYgjuKnBBOP6xEUOpmyTdujee7VBdgfOcl4C9RluAiAqdlIaj4VctfSEE65ANupQWHK4w2yHyyZ8PyWwuTbysA=="}]},"maintainers":[{"name":"dcrall","email":"dennis.crall@gmail.com"}],"_npmUser":{"name":"dcrall","email":"dennis.crall@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-storybook_0.1.1_1588710416759_0.25789192709693287"},"_hasShrinkwrap":false},"0.1.2":{"name":"@dcrall/vue-storybook","main":"./dist/vstorybook.common.js","version":"0.1.2","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name vstorybook ./src/index.js","lint":"vue-cli-service lint","storybook:build":"vue-cli-service storybook:build -c config/storybook","storybook:serve":"vue-cli-service storybook:serve -p 6006 -c config/storybook"},"dependencies":{"@tailwindcss/ui":"^0.3.0","core-js":"^3.6.4","vue":"^2.6.11"},"devDependencies":{"@storybook/addon-actions":">=5.3.0","@storybook/addon-docs":">=5.3.0","@storybook/addon-knobs":">=5.3.0","@storybook/addon-links":">=5.3.0","@storybook/addon-notes":">=5.3.0","@storybook/vue":">=5.3.0","@vue/cli-plugin-babel":"~4.3.0","@vue/cli-plugin-eslint":"~4.3.0","@vue/cli-service":"~4.3.0","babel-eslint":"^10.1.0","eslint":"^6.7.2","eslint-plugin-vue":"^6.2.2","vue-cli-plugin-storybook":"~1.2.2","vue-cli-plugin-tailwind":"~1.4.0","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"babel-eslint"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"f4f5086910197b873aadfc6b7cee194fe2b57bf1","description":"## Introduction","_id":"@dcrall/vue-storybook@0.1.2","_nodeVersion":"14.1.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-e2pUm0ZYNeX/hUYAoBPi3UIdJ5Qh/NI+ZRrpnI4kuAaUKnI9tiLJQ5wN4qbV0WVcCOZiALnBjl+K1JP1r685iA==","shasum":"7d93aa25773d7a6b628c3cc7c74623a347248168","tarball":"https://registry.npmjs.org/@dcrall/vue-storybook/-/vue-storybook-0.1.2.tgz","fileCount":24,"unpackedSize":714966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetFeECRA9TVsSAnZWagAAXf0P+QDsE9K2dl1VfxMdHoo4\n0J3mZvrXl5xRXrSJixNgMzGZzZ6t8CVyM6qpCbHwK1Jvw7j3KkNCGJ8ba2I5\nX0RNXEo3N8vpGAR1atAk8iR5jEacUj5ro/jwJ1OePbYYZwEj1TSwY8UE+bLb\nmX1l/XyQMnXyb0cxVu1/HdXTBqvVYVCuA+37auTC9JyjwABQetIP6k9v56YR\nqDBjjTMvwvFquT8FWBuwo2qMnDEqofkY4FsJucD0NfNRBmg7+tCWf+Ca+swD\n8uaVbbKKXLNAPMmSayTzW1HAnaqwPC7sL6Bh6+H4Fx36KTzllj5PAkOeZqz1\niuOnxZhfp0o5pYG8UCbFpDj5nfHotlKkS/zetDivam4pkMbWpVp3gZeMTZrs\nYWnay15Lz0lPKdp0ifX0R/AlhH9ldpcQWR3eMbZdCktgbPpfbCdMVpjxnZ0n\nFkAEVmyEyP7xAn+3l+RHir/oFghb/9b/z9ulVHLY99GFB4icBCGbertsj8ff\nK6SMmxX4kCRIJWqHygGvU8Vae/tKcLi8aflkvTwTENGlvclFmctK0Ot17ZDL\nLQeJXZ8wO8Hc8CvLYe4NQqJTa8KK8C2oLEENqekae+/DYAFVE8ZNK4bWqHtl\nAXjlpLavkF5YXfZEU29O9E1Vodoq2Sq9U1FyZarweTQYJ7oDgxCyBwXSjlb0\n/1cc\r\n=07SN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHiXt5QMW6BrOM3krGTCFl/uVDYzEH+oDO5No2xdZqkAAiBMzM0Ch3NmFbBChodaesqgIh6ffVHnD1RoavsvEEeQdg=="}]},"maintainers":[{"name":"dcrall","email":"dennis.crall@gmail.com"}],"_npmUser":{"name":"dcrall","email":"dennis.crall@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-storybook_0.1.2_1588877188054_0.9800992514346802"},"_hasShrinkwrap":false}},"time":{"created":"2020-05-05T20:04:34.325Z","0.1.0":"2020-05-05T20:04:34.497Z","modified":"2022-04-05T03:22:51.618Z","0.1.1":"2020-05-05T20:26:56.883Z","0.1.2":"2020-05-07T18:46:28.214Z"},"maintainers":[{"name":"dcrall","email":"dennis.crall@gmail.com"}],"description":"## Introduction","readme":"# vue-storybook\n\n## Introduction\n\nThis repo contains a proof-of-concept Vue CLI application.\nIt demonstrates the use of CLI plugins to configure the project to use\nboth Storybook and Tailwind. Additionally, the project's build script \nbuilds the project as a library intended to be consumed by other Vue\napplications.\n\nIt seems clear to me that using the CLI plugins are the best way to implement these types of configurations.\nTrying to manually override the Webpack configuration is quite complicated to track down all the needed options. I was\nunsuccessful configuring Storybook with Tailwind.\n\nThis configuration is nice in that Storybook shares the main Vue app's Webpack configuration, so there is no need to \nkeep them in sync.\n\nFinally, this configuration implements PurgeCSS and the generated CSS file contains only the Tailwind rules that are used.\n\n### Resources\n* [GitHub - storybookjs/vue-cli-plugin-storybook: Vue CLI plugin for Storybook](https://github.com/storybookjs/vue-cli-plugin-storybook)\n* [GitHub - forsartis/vue-cli-plugin-tailwind: vue-cli plugin for Tailwind CSS](https://github.com/forsartis/vue-cli-plugin-tailwind)\n* [How to create, publish and use your own VueJS Component library on NPM using @vue/cli 3.0](https://medium.com/justfrontendthings/how-to-create-and-publish-your-own-vuejs-component-library-on-npm-using-vue-cli-28e60943eed3)\n\n### Basic Configuration\n```\n$ vue create new-app\n$ cd new-app\n\n# Make sure to accept the option for the docs addon\n# This automatically configures for MDX stories\n$ vue add storybook\n\n$ vue add tailwind\n\n# See the final resource link to read about configuring as a component library \n```\n\n\n\n## Project setup\n```\nyarn install\n```\n\n### Compiles and hot-reloads for development\n```\nyarn serve\n```\n\n### Build and publish component library\n```bash\nnpm run build\nnpm publish --access public\n```\n\n### Lints and fixes files\n```\nyarn lint\n```\n\n### Customize configuration\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n","readmeFilename":"README.md"}