{"_id":"@arijs/vite-plugin-vue-mfc","_rev":"1-14e41abfc4d77b352b1ec55b7bbfc10b","name":"@arijs/vite-plugin-vue-mfc","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@arijs/vite-plugin-vue-mfc","publishConfig":{"access":"public"},"version":"0.1.0","license":"MIT","author":{"name":"Rafael Hengles","email":"rhengles@gmail.com"},"main":"index.js","engines":{"node":">=14.0.0"},"repository":{"type":"git","url":"git+https://github.com/arijs/vite-plugin-vue-mfc.git"},"bugs":{"url":"https://github.com/arijs/vite-plugin-vue-mfc/issues"},"homepage":"https://github.com/arijs/vite-plugin-vue-mfc#readme","dependencies":{"@rollup/pluginutils":"^4.1.0"},"gitHead":"629f8f8a658668e1a8f10ff3f493d202cd1a6d9a","description":"Note: requires `@vitejs/plugin-vue` as loader for your components.","_id":"@arijs/vite-plugin-vue-mfc@0.1.0","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-glO3NaujOclVRZw4wxZCo4nQ/sJ8GhRk4hHFGQw8aMkN79Ke5BEvFu3C+08+gXsovIszPkLmqRet+skI8xSEUw==","shasum":"1ec9760c4a731db587d10e3d0a7f7df3ad1af611","tarball":"https://registry.npmjs.org/@arijs/vite-plugin-vue-mfc/-/vite-plugin-vue-mfc-0.1.0.tgz","fileCount":4,"unpackedSize":6786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgstQaCRA9TVsSAnZWagAATJIP/04ebYsbwB2VrlR/zSy7\noDk43+uCS44pU5x1NTzwpR0DZwHoUeWkr2n5j/8Xs/YZ0exVRkaddZkt9Gfs\nwHVKfe2W2Ast1a0UvAiu9IyyDUvn8nPRwkBvZimcrloH/7aYqb1HangtFPiq\nRb9so6BwCRqMGzTNcotLivs47h2JhS8WmgaMenhukOuex5zah9JvQSEZWos5\nimtpal+LK4oxu4uiZer+fEDoBMjttFjtq3SNLzwlUBy5kSTFZm3Wr0Xs3Wef\n9TEsVNR2zAHtNXzE9WW3LBO87gs6mk8yjvThXLmVKar+D6s2bxRIxH1PtO2S\nYM4Bj1o0qTDxYXCEv5ttSvAc8eS1vOq7zPjuPC1t99+uNAHbBVhE0JWn77gx\nzfoazuPkucvpErHlqHArHFV/y8NDAh0AFHh92s12c44LVHMcBBwchcmUXaIN\ns8ILmvyUkMBVBLTWb3hLnWqlSaXukfHplIBMIELdbgfr+mXVvPtC/ZR0qoz6\nEKJ1JxVViDlvcpOqaA6X4sGR8YGJGmJltOPPkuzp8NSCWugyndzxgFOW9J0t\nfaUP80TzQqjQCtLSbY6QeDt6qsK2zI+YLJ6BvliiVQqBuOxgPfUvXX1pqxWE\n6WocnypD+KzHeV1Hy8oAak4/3RnwCqBqHeOEztaMuSRqQELqK1+9a+OGbgPq\nRkiJ\r\n=6OVg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxADefuqEk5D41BzuGTSorsv4qt40TccuP64k9el4ZDQIgMRSziMGFTXXQM7nWx5ureKqy+r05/JJRc9xSRUZg1bI="}]},"_npmUser":{"name":"arijs","email":"arijs@arijs.org"},"directories":{},"maintainers":[{"name":"arijs","email":"arijs@arijs.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vite-plugin-vue-mfc_0.1.0_1622332442440_0.4901871205048265"},"_hasShrinkwrap":false}},"time":{"created":"2021-05-29T23:54:02.363Z","0.1.0":"2021-05-29T23:54:02.545Z","modified":"2022-04-04T15:25:53.612Z"},"maintainers":[{"name":"arijs","email":"arijs@arijs.org"}],"description":"Note: requires `@vitejs/plugin-vue` as loader for your components.","homepage":"https://github.com/arijs/vite-plugin-vue-mfc#readme","repository":{"type":"git","url":"git+https://github.com/arijs/vite-plugin-vue-mfc.git"},"author":{"name":"Rafael Hengles","email":"rhengles@gmail.com"},"bugs":{"url":"https://github.com/arijs/vite-plugin-vue-mfc/issues"},"license":"MIT","readme":"# @arijs/vite-plugin-vue-mfc [![npm](https://img.shields.io/npm/v/@arijs/vite-plugin-vue-mfc.svg)](https://npmjs.com/package/@arijs/vite-plugin-vue-mfc)\n\nNote: requires `@vitejs/plugin-vue` as loader for your components.\n\nThis plugin is meant to create a virtual file which binds together each 'block' of your component.\n\nInstead of this:\n\n```html\n<!-- HelloWorld.vue -->\n<template>\n    <!-- your html here -->\n</template>\n<script>\n    // your script here\n</script>\n<style>\n    /* your styles here */\n</style>\n```\n\nYou can have this:\n\n```\n+ components/\n|--+ HelloWorld/\n|  |--+ SubComp/\n|  |  |--- SubComp.css\n|  |  |--- SubComp.html\n|  |  `--- SubComp.js\n|  |--- HelloWorld.css\n|  |--- HelloWorld.html\n|  `--- HelloWorld.js\n```\n\n```css\n/* HelloWorld.css */\n.hello-world {}\n```\n\n```html\n<!-- HelloWorld.html -->\n<div class=\"hello-world\">\n\t<!-- ... -->\n</div>\n```\n\n```js\n// HelloWorld.js\n//\n// Paths are relative from where the folder is contained, not the files\n// In this case, it's relative from 'components/', not from 'HelloWorld/'\n// Think of the folder as a virtual 'HelloWorld.vue' file\nimport SubComp from \"./HelloWorld/SubComp.vue\";\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n\tname: 'HelloWorld',\n\tcomponents: {\n\t\tSubComp,\n\t},\n\t// ...\n});\n```\n\n## How to use\n\n```js\n// vite.config.js\nimport vueMfc from '@arijs/vite-plugin-vue-mfc'\nimport vue from '@vitejs/plugin-vue'\n\nexport default {\n  plugins: [vueMfc(), vue()]\n}\n```\n\n## License\n\n[MIT](LICENSE).\n","readmeFilename":"README.md"}