{"id":15194941,"url":"https://github.com/unplugin/unplugin-vue-ce","last_synced_at":"2025-10-02T10:30:57.513Z","repository":{"id":165534971,"uuid":"639816078","full_name":"unplugin/unplugin-vue-ce","owner":"unplugin","description":"🍒 A vue plugin that extends vue's Custom Element capabilities","archived":true,"fork":false,"pushed_at":"2024-09-05T01:32:16.000Z","size":3314,"stargazers_count":75,"open_issues_count":17,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-09T18:32:58.700Z","etag":null,"topics":["components","vue","vue3","web","web-component"],"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/unplugin.png","metadata":{"files":{"readme":"README.ZH-CN.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-12T09:39:17.000Z","updated_at":"2024-09-05T01:46:00.000Z","dependencies_parsed_at":"2023-12-13T12:28:22.058Z","dependency_job_id":"b509f84c-e165-4974-a9ea-c0a72acb7fff","html_url":"https://github.com/unplugin/unplugin-vue-ce","commit_stats":{"total_commits":141,"total_committers":9,"mean_commits":"15.666666666666666","dds":0.5815602836879432,"last_synced_commit":"9cf2b0d7683edb8d4b702faebbb03794bfb27208"},"previous_names":["unplugin/unplugin-vue-ce","baiwusanyu-c/unplugin-vue-ce"],"tags_count":27,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unplugin%2Funplugin-vue-ce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unplugin%2Funplugin-vue-ce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unplugin%2Funplugin-vue-ce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unplugin%2Funplugin-vue-ce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/unplugin","download_url":"https://codeload.github.com/unplugin/unplugin-vue-ce/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234974736,"owners_count":18916130,"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":["components","vue","vue3","web","web-component"],"created_at":"2024-09-27T23:03:52.108Z","updated_at":"2025-10-02T10:30:56.934Z","avatar_url":"https://github.com/unplugin.png","language":"TypeScript","readme":"# unplugin-vue-ce\n一个 `vue` 的插件能够让你扩展 `vue` 的 `custom element` 功能（提供 `v-model`、子组件 `style`）\n\n[English](https://github.com/unplugin/unplugin-vue-ce/blob/master/README.md) | 中文\n\n## Feature\n\n* 🧩 它是一个 vue 的功能扩展，让你能够在 css 文件中使用 v-bind\n* 🌈 支持全平台打包工具构建（vite、webpack）\n* ⛰ 支持 `v-model`\n*  ⚡ 支持子组件 `style`\n\n\u003e Tips: ⚠ 本插件会向 vue 运行时注入实现代码，这一点是我必須要告訴您的\n\u003e 如果您使用有任何问题，欢迎提交 issue\n\n## Install\n\n```bash\nnpm i unplugin-vue-ce -D\n```\n或\n```bash\nyarn add unplugin-vue-ce -D\n```\n或\n```bash\npnpm add unplugin-vue-ce -D\n```\n\n## Usage\n\n\u003e Tips: 你需要开启 `@vitejs/plugin-vue` 的 `customElement` 选项\n\n\u003cdetails\u003e\n\u003csummary\u003eVite\u003c/summary\u003e\n\n```ts\n// vite.config.ts\nimport { defineConfig } from 'vite'\nimport { viteVueCE } from 'unplugin-vue-ce'\nimport vue from '@vitejs/plugin-vue'\nimport type { PluginOption } from 'vite'\nexport default defineConfig({\n  plugins: [\n    vue({\n      customElement: true,\n    }),\n    viteVueCE() as PluginOption,\n  ],\n})\n```\n\n\u003c/details\u003e\n\u003cbr\u003e\n\u003cdetails\u003e\n\u003csummary\u003eRollup\u003c/summary\u003e\n\n```ts\n// rollup.config.js\nimport { rollupVueCE } from 'unplugin-vue-ce'\nexport default {\n  plugins: [\n    rollupVueCE(),\n  ],\n}\n```\n\n\u003c/details\u003e\n\u003cbr\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWebpack\u003c/summary\u003e\n\n```ts\n// webpack.config.js\nmodule.exports = {\n  /* ... */\n  plugins: [\n    require('unplugin-vue-ce').webpackVueCE(),\n  ],\n}\n```\n\u003c/details\u003e\n\u003cbr\u003e\n\u003cdetails\u003e\n\u003csummary\u003eVue CLI\u003c/summary\u003e\n\n```ts\n// vue.config.js\nmodule.exports = {\n  configureWebpack: {\n    plugins: [\n      require('unplugin-vue-ce').webpackVueCE({}),\n    ],\n  },\n}\n```\n\n\u003c/details\u003e\n\u003cbr\u003e\n\u003cdetails\u003e\n\u003csummary\u003eESBuild\u003c/summary\u003e\n\n```ts\n// esbuild.config.js\nimport { build } from 'esbuild'\nimport { esbuildVueCE } from 'unplugin-vue-ce'\n\nbuild({\n  plugins: [esbuildVueCE()],\n})\n```\n\u003c/details\u003e\n\n\n## 🎯 Support v-model\n\n查看更多详情 [@unplugin-vue-ce/v-model](https://github.com/unplugin/unplugin-vue-ce/tree/master/packages/v-model/README.md)\n\n## 🎃 Support the style of child components\n\n查看更多详情 [@unplugin-vue-ce/sub-style](https://github.com/unplugin/unplugin-vue-ce/blob/master/packages/sub-style/README.md)\n\n## 🍻 Support using web component as root component\n\n查看更多详情 [@unplugin-vue-ce/ce-app](https://github.com/unplugin/unplugin-vue-ce/blob/master/packages/ce-app/README.md)\n\n## 🚧 Support switch shadow (TODO)\n\n查看更多详情 [@unplugin-vue-ce/switch-shadow](https://github.com/unplugin/unplugin-vue-ce/blob/master/packages/switch-shadow/README.md) \n\n## Thanks\n* [vue-web-component-wrapper](https://github.com/EranGrin/vue-web-component-wrapper)\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funplugin%2Funplugin-vue-ce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Funplugin%2Funplugin-vue-ce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funplugin%2Funplugin-vue-ce/lists"}