{"id":16347407,"url":"https://github.com/privatenumber/rollup-plugin-htmlvue","last_synced_at":"2025-03-03T16:30:54.875Z","repository":{"id":45868792,"uuid":"277039860","full_name":"privatenumber/rollup-plugin-htmlvue","owner":"privatenumber","description":"Rollup plugin for transforming HTML/XML to Vue SFC","archived":false,"fork":false,"pushed_at":"2024-01-30T08:00:16.000Z","size":455,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"develop","last_synced_at":"2025-02-16T16:01:43.486Z","etag":null,"topics":["html","rollup","rollup-plugin","svg","vue","xml"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/privatenumber.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-07-04T04:43:43.000Z","updated_at":"2024-01-30T07:12:49.000Z","dependencies_parsed_at":"2022-07-22T11:03:02.680Z","dependency_job_id":null,"html_url":"https://github.com/privatenumber/rollup-plugin-htmlvue","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/privatenumber%2Frollup-plugin-htmlvue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/privatenumber%2Frollup-plugin-htmlvue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/privatenumber%2Frollup-plugin-htmlvue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/privatenumber%2Frollup-plugin-htmlvue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/privatenumber","download_url":"https://codeload.github.com/privatenumber/rollup-plugin-htmlvue/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241698984,"owners_count":20005299,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html","rollup","rollup-plugin","svg","vue","xml"],"created_at":"2024-10-11T00:42:11.323Z","updated_at":"2025-03-03T16:30:54.491Z","avatar_url":"https://github.com/privatenumber.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# rollup-plugin-htmlvue \u003ca href=\"https://npm.im/rollup-plugin-htmlvue\"\u003e\u003cimg src=\"https://badgen.net/npm/v/rollup-plugin-htmlvue\"\u003e\u003c/a\u003e \u003ca href=\"https://npm.im/rollup-plugin-htmlvue\"\u003e\u003cimg src=\"https://badgen.net/npm/dm/rollup-plugin-htmlvue\"\u003e\u003c/a\u003e \u003ca href=\"https://packagephobia.now.sh/result?p=rollup-plugin-htmlvue\"\u003e\u003cimg src=\"https://packagephobia.now.sh/badge?p=rollup-plugin-htmlvue\"\u003e\u003c/a\u003e\n\nImport HTML-snippets and SVGs as Vue components.\n\n### Features\n- 🔥 **Works with Vue 2 \u0026 3** Comiles the HTML to a Vue.js SFC for the [Vue plugin](https://github.com/vuejs/rollup-plugin-vue) to handle compilation\n- 💫 **Versatile** Supports any XML-parseable markup\n\n## 🙋 Why?\nGreat for compiling SVG files as Vue.js components.\n\n## 🚀 Install\n```sh\nnpm i -D rollup-plugin-vue rollup-plugin-htmlvue\n```\n\n## 🛠 Config\n\nrollup.config.js\n```js\nimport vue from 'rollup-plugin-vue'\nimport htmlvue from 'rollup-plugin-htmlvue'\n\nexport default {\n    // ...\n\n    plugins: [\n        vue(),\n        htmlvue()\n    ]\n}\n```\n\nBy default, it only automatically resolves `.html` files. To apply it to other extensions:\n\n```js\nhtmlvue({\n    include: '**/*.svg'\n})\n```\n\n## ⚙️ Options\n### vPre\nType: `boolean`\n\nDefault: `false`\n\nAdds [`v-pre`](https://vuejs.org/v2/api/#v-pre) to the root element.\n\n### vOnce\nType: `boolean`\n\nDefault: `false`\n\nAdds [`v-once`](https://vuejs.org/v2/api/#v-once) to the root element.\n\n### functional\nType: `boolean`\n\nAdds [`functional`](https://vuejs.org/v2/api/#functional) to the template to make it a functional component. Only supported in Vue 2.\n\n\n### inheritListeners\nType: `boolean`\n\nAdds [`v-on=\"$listeners\"`](https://vuejs.org/v2/api/#vm-listeners) to the root element to inherit event listeners. Only supported in Vue 2.\n\n### include/exclude\n\nPatterns to identify which files to apply the plugin to. Passed into [@rollup/pluginutils](https://github.com/rollup/plugins/tree/master/packages/pluginutils#include-and-exclude).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprivatenumber%2Frollup-plugin-htmlvue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprivatenumber%2Frollup-plugin-htmlvue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprivatenumber%2Frollup-plugin-htmlvue/lists"}