[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9010":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},9010,"vuedarkmode","LeCoupa\u002Fvuedarkmode","LeCoupa","👩‍🎨👨‍🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.","https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode",null,"Vue",1083,70,19,3,0,53.55,"MIT License",false,"master",true,[23,24,25,26,27,28],"bootstrap","components","darkmode","design-system","nuxtjs","vuejs","2026-06-12 04:00:42","\u003Cp align=\"center\" style=\"background: #1b2431; padding: 20px 0;\">\n  \u003Ca href=\"https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\" target=\"_blank\">\n    \u003Cimg width=\"100%\" src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fgrowthbunker\u002Fvuedarkmode\u002Fmaster\u002Fsrc\u002Fimages\u002Fvuedarkmode.jpg\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@growthbunker\u002Fvuedarkmode.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@growthbunker\u002Fvuedarkmode)\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@growthbunker\u002Fvuedarkmode.svg)](https:\u002F\u002Fnpm-stat.com\u002Fcharts.html?package=@growthbunker\u002Fvuedarkmode)\n[![Average time to resolve an issue](http:\u002F\u002Fisitmaintained.com\u002Fbadge\u002Fresolution\u002Fgrowthbunker\u002Fvuedarkmode.svg)](http:\u002F\u002Fisitmaintained.com\u002Fproject\u002Fgrowthbunker\u002Fvuedarkmode \"Average time to resolve an issue\")\n[![Percentage of issues still open](http:\u002F\u002Fisitmaintained.com\u002Fbadge\u002Fopen\u002Fgrowthbunker\u002Fvuedarkmode.svg)](http:\u002F\u002Fisitmaintained.com\u002Fproject\u002Fgrowthbunker\u002Fvuedarkmode \"Percentage of issues still open\")\n[![GitHub license](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue.svg)](https:\u002F\u002Fgithub.com\u002Fgrowthbunker\u002Fvuedarkmode\u002Fblob\u002Fmaster\u002FLICENSE)\n[![Netlify Status](https:\u002F\u002Fapi.netlify.com\u002Fapi\u002Fv1\u002Fbadges\u002Fae3d4112-1c84-4868-b4eb-271c3136ede6\u002Fdeploy-status)](https:\u002F\u002Fapp.netlify.com\u002Fsites\u002Fgrowthbunker\u002Fdeploys)\n\n## Documentation\n\nYou can browse the documentation for Vue Dark Mode [on the website](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode).\n\n## Installation\n\n```\nnpm install @growthbunker\u002Fvuedarkmode\n\n# Or if you prefer using yarn\nyarn add @growthbunker\u002Fvuedarkmode\n```\n\n### Vue.js\n\nIn your `main.js` file:\n\n```js\nimport Vue from \"vue\"\nimport VueDarkMode from \"@growthbunker\u002Fvuedarkmode\"\n\nVue.use(VueDarkMode)\n```\n\n### Nuxt.js\n\nCreate a new plugin in `plugins\u002Fvuedarkmode.js`:\n\n```js\nimport Vue from \"vue\"\nimport VueDarkMode from \"@growthbunker\u002Fvuedarkmode\"\n\nVue.use(VueDarkMode)\n```\n\nAdd this new plugin to `nuxt.config.js`.\n\n```js\nmodule.exports = {\n  \u002F\u002F ...\n  plugins: [{ src: \"@\u002Fplugins\u002Fvuedarkmode.js\" }];\n}\n```\n\n### CDN\n\nGet the latest version from [jsdelivr](https:\u002F\u002Fwww.jsdelivr.com\u002F), and import the JavaScript file in your page.\n\n```html\n\u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fvue@2.5\u002Fdist\u002Fvue.min.js\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@growthbunker\u002Fvuedarkmode@latest\u002Fdist\u002Fvuedarkmode.min.js\">\u003C\u002Fscript>\n```\n\nWe recommend our users to lock Vue Dark Mode's version when using CDN. Requesting the latest version (as opposed to \"latest major\" or \"latest minor\") is dangerous because major versions usually come with breaking changes. Only do this if you really know what you are doing. [Please refer to jsdelivr.com](https:\u002F\u002Fwww.jsdelivr.com\u002Ffeatures) for more information.\n\n## Available Components\n\nWe are releasing new components on a monthly basis. [Subscribe to our newsletter](http:\u002F\u002Feepurl.com\u002FdLlKBM) to stay in touch with coming releases.\n\n### Base Components\n\n- **BaseAlert**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#baseAlert) | [source code](\u002Fsrc\u002Fcomponents\u002Fbase\u002FBaseAlert.vue).\n\n- **BaseAvatar**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#baseAvatar) | [source code](\u002Fsrc\u002Fcomponents\u002Fbase\u002FBaseAvatar.vue).\n\n- **BaseBadge**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#baseBadge) | [source code](\u002Fsrc\u002Fcomponents\u002Fbase\u002FBaseBadge.vue).\n\n- **BaseButton**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#baseButton) | [source code](\u002Fsrc\u002Fcomponents\u002Fbase\u002FBaseButton.vue).\n\n- **BaseDivider**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#baseDivider) | [source code](\u002Fsrc\u002Fcomponents\u002Fbase\u002FBaseDivider.vue).\n\n- **BaseHeading**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#baseHeading) | [source code](\u002Fsrc\u002Fcomponents\u002Fbase\u002FBaseHeading.vue).\n\n- **BaseIcon**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#baseIcon) | [source code](\u002Fsrc\u002Fcomponents\u002Fbase\u002FBaseIcon.vue).\n\n* **BaseProgressBar**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#baseProgressBar) | [source code](\u002Fsrc\u002Fcomponents\u002Fbase\u002FBaseProgressBar.vue).\n\n* **BaseSpinner**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#baseSpinner) | [source code](\u002Fsrc\u002Fcomponents\u002Fbase\u002FBaseSpinner.vue).\n\n* **BaseToast**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#baseToast) | [source code](\u002Fsrc\u002Fcomponents\u002Fbase\u002FBaseToast.vue).\n\n### Field Components\n\n- **FieldCheckbox**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#fieldCheckbox) | [source code](\u002Fsrc\u002Fcomponents\u002Ffields\u002FFieldCheckbox.vue).\n\n- **FieldImageUploader**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#FieldImageUploader) | [source code](\u002Fsrc\u002Fcomponents\u002Ffields\u002FFieldImageUploader.vue).\n\n- **FieldInput**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#fieldInput) | [source code](\u002Fsrc\u002Fcomponents\u002Ffields\u002FFieldInput.vue).\n\n- **FieldInputNumber**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#fieldInputNumber) | [source code](\u002Fsrc\u002Fcomponents\u002Ffields\u002FFieldInputNumber.vue).\n\n- **FieldRadio**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#fieldRadio) | [source code](\u002Fsrc\u002Fcomponents\u002Ffields\u002FFieldRadio.vue).\n\n- **FieldSelect**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#fieldSelect) | [source code](\u002Fsrc\u002Fcomponents\u002Ffields\u002FFieldSelect.vue).\n\n- **FieldTabs**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#fieldTabs) | [source code](\u002Fsrc\u002Fcomponents\u002Ffields\u002FFieldTabs.vue).\n\n- **FieldTextarea**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#fieldTextarea) | [source code](\u002Fsrc\u002Fcomponents\u002Ffields\u002FFieldTextarea.vue).\n\n- **FieldToggle**: [documentation](https:\u002F\u002Fwww.growthbunker.dev\u002Fvuedarkmode\u002F#fieldToggle) | [source code](\u002Fsrc\u002Fcomponents\u002Ffields\u002FFieldToggle.vue).\n\n## Contributing\n\nYou are more than welcome to contribute to Vue Dark Mode. Just submit changes via pull request and I will review them before merging.\n\n1. Fork it! 🤙\n\n2. Create your feature branch: `git checkout -b my-new-feature`\n\n3. Commit your changes: `git commit -am \"Add some feature\"`\n\n4. Push to the branch: `git push origin my-new-feature`\n\n5. Submit a pull request 👍\n\nThe documentation is available in the `docs` folder. The Vue Dark Mode components are available in the `lib` folder.\n\n## License\n\nVue Dark Mode is [MIT licensed](LICENSE).\n\n## Cross-Browsing\n\nVue Dark Mode is using [BrowserStack](https:\u002F\u002Fwww.browserstack.com\u002F) to make sure our components render properly on modern browsers.\n\n\u003Cimg alt=\"BrowserStack Logo\" width=\"200px\" src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fgrowthbunker\u002Fvuedarkmode\u002Fmaster\u002Fsrc\u002Fimages\u002Fbrowserstack.png\">\n","VueDarkMode 是一个专为 Vue.js 设计的极简暗黑设计系统。它提供了基于组件的设计方案，特别适合喜欢夜间模式界面的用户。该项目支持多种安装方式，包括 npm、yarn 以及 CDN，并且兼容 Vue.js 和 Nuxt.js 框架。其核心功能在于提供了一套美观且易于集成的暗黑主题组件，如 BaseAlert 和 BaseAvatar 等，这些组件能够帮助开发者快速构建出一致性和美观性兼备的暗黑风格应用。VueDarkMode 非常适用于需要在夜间或低光环境下使用的 Web 应用场景，可以显著提升用户体验。",2,"2026-06-11 03:20:47","top_language"]