[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-1978":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":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":41,"readmeContent":42,"aiSummary":43,"trendingCount":16,"starSnapshotCount":16,"syncStatus":44,"lastSyncTime":45,"discoverSource":46},1978,"vue-vben-admin","vbenjs\u002Fvue-vben-admin","vbenjs","A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!","https:\u002F\u002Fwww.vben.pro",null,"Vue",32618,8829,275,108,0,14,69,285,74,45,"MIT License",false,"main",true,[27,28,29,30,31,32,33,34,35,36,37,38,39,40],"admin-template","ant-design","element-plus","monorepo","naive-ui","shadcn-ui","tsx","typescript","vben","vite","vite-template","vue-router","vue3","vuex","2026-06-12 02:00:35","\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fanncwb\u002Fvue-vben-admin\">\n    \u003Cimg alt=\"VbenAdmin Logo\" width=\"215\" src=\"https:\u002F\u002Funpkg.com\u002F@vbenjs\u002Fstatic-source@0.1.7\u002Fsource\u002Flogo-v1.webp\">\n  \u003C\u002Fa>\n  \u003Cbr>\n  \u003Cbr>\n\n[![license](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fanncwb\u002Fvue-vben-admin.svg)](LICENSE)\n\n  \u003Ch1>Vue Vben Admin\u003C\u002Fh1>\n\u003C\u002Fdiv>\n\n[![Quality Gate Status](https:\u002F\u002Fsonarcloud.io\u002Fapi\u002Fproject_badges\u002Fmeasure?project=vbenjs_vue-vben-admin&metric=alert_status)](https:\u002F\u002Fsonarcloud.io\u002Fsummary\u002Fnew_code?id=vbenjs_vue-vben-admin) [![codeql](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Factions\u002Fworkflows\u002Fcodeql.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Factions\u002Fworkflows\u002Fcodeql.yml) [![build](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Factions\u002Fworkflows\u002Fbuild.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Factions\u002Fworkflows\u002Fbuild.yml) [![ci](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Factions\u002Fworkflows\u002Fci.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Factions\u002Fworkflows\u002Fci.yml) [![deploy](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Factions\u002Fworkflows\u002Fdeploy.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Factions\u002Fworkflows\u002Fdeploy.yml)\n\n**English** | [中文](.\u002FREADME.zh-CN.md) | [日本語](.\u002FREADME.ja-JP.md)\n\n## Introduction\n\nVue Vben Admin is a free and open source middle and back-end template. Using the latest `vue3`, `vite`, `TypeScript` and other mainstream technology development, the out-of-the-box middle and back-end front-end solutions can also be used for learning reference.\n\n## Upgrade Notice\n\nThis is the latest version, 5.0, and it is not compatible with previous versions. If you are starting a new project, it is recommended to use the latest version. If you wish to view the old version, please use the [v2 branch](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Ftree\u002Fv2).\n\n## Features\n\n- **Latest Technology Stack**: Developed with cutting-edge front-end technologies like Vue 3 and Vite\n- **TypeScript**: A language for application-scale JavaScript\n- **Themes**: Multiple theme colors available with customizable options\n- **Internationalization**: Comprehensive built-in internationalization support\n- **Permissions**: Built-in solution for dynamic route-based permission generation\n\n## Preview\n\n- [Vben Admin](https:\u002F\u002Fvben.pro\u002F) - Full version Chinese site\n\nTest Account: vben\u002F123456\n\n\u003Cdiv align=\"center\">\n  \u003Cimg alt=\"VbenAdmin Logo\" width=\"100%\" src=\"https:\u002F\u002Fanncwb.github.io\u002Fanncwb\u002Fimages\u002Fpreview1.png\">\n  \u003Cimg alt=\"VbenAdmin Logo\" width=\"100%\" src=\"https:\u002F\u002Fanncwb.github.io\u002Fanncwb\u002Fimages\u002Fpreview2.png\">\n  \u003Cimg alt=\"VbenAdmin Logo\" width=\"100%\" src=\"https:\u002F\u002Fanncwb.github.io\u002Fanncwb\u002Fimages\u002Fpreview3.png\">\n\u003C\u002Fdiv>\n\n### Use Gitpod\n\nOpen the project in Gitpod (free online dev environment for GitHub) and start coding immediately.\n\n[![Open in Gitpod](https:\u002F\u002Fgitpod.io\u002Fbutton\u002Fopen-in-gitpod.svg)](https:\u002F\u002Fgitpod.io\u002F#https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin)\n\n## Documentation\n\n[Document](https:\u002F\u002Fdoc.vben.pro\u002F)\n\n## Install and Use\n\n1. Get the project code\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin.git\n```\n\n2. Install dependencies\n\n```bash\ncd vue-vben-admin\nnpm i -g corepack\npnpm install\n```\n\n3. Run\n\n```bash\npnpm dev\n```\n\n4. Build\n\n```bash\npnpm build\n```\n\n## Change Log\n\n[CHANGELOG](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Freleases)\n\n## How to Contribute\n\nYou are very welcome to join! [Raise an issue](https:\u002F\u002Fgithub.com\u002Fanncwb\u002Fvue-vben-admin\u002Fissues\u002Fnew\u002Fchoose) or submit a Pull Request.\n\n**Pull Request Process:**\n\n1. Fork the code\n2. Create your branch: `git checkout -b feat\u002Fxxxx`\n3. Submit your changes: `git commit -am 'feat(function): add xxxxx'`\n4. Push your branch: `git push origin feat\u002Fxxxx`\n5. Submit `pull request`\n\n## Git Contribution Submission Specification\n\nReference [vue](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue\u002Fblob\u002Fdev\u002F.github\u002FCOMMIT_CONVENTION.md) specification ([Angular](https:\u002F\u002Fgithub.com\u002Fconventional-changelog\u002Fconventional-changelog\u002Ftree\u002Fmaster\u002Fpackages\u002Fconventional-changelog-angular))\n\n- `feat` Add new features\n- `fix` Fix the problem\u002FBUG\n- `style` The code style is related and does not affect the running result\n- `perf` Optimization\u002Fperformance improvement\n- `refactor` Refactor\n- `revert` Undo edit\n- `test` Test related\n- `docs` Documentation\u002Fnotes\n- `chore` Dependency update\u002Fscaffolding configuration modification etc.\n- `ci` Continuous integration\n- `types` Type definition file changes\n\n## Browser Support\n\nThe `Chrome 80+` browser is recommended for local development\n\nSupport modern browsers, not IE\n\n| [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fedge\u002Fedge_48x48.png\" alt=\"Edge\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Edge | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Ffirefox\u002Ffirefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Firefox | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fchrome\u002Fchrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Chrome | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fsafari\u002Fsafari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Safari |\n| :-: | :-: | :-: | :-: |\n| last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n\n## Maintainer\n\n[@Vben](https:\u002F\u002Fgithub.com\u002Fanncwb)\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=vbenjs\u002Fvue-vben-admin&type=Date)](https:\u002F\u002Fstar-history.com\u002F#vbenjs\u002Fvue-vben-admin&Date)\n\n## Donate\n\nIf you think this project is helpful to you, you can help the author buy a cup of coffee to show your support!\n\n![donate](https:\u002F\u002Funpkg.com\u002F@vbenjs\u002Fstatic-source@0.1.7\u002Fsource\u002Fsponsor.png)\n\n\u003Ca style=\"display: block;width: 100px;height: 50px;line-height: 50px; color: #fff;text-align: center; background: #408aee;border-radius: 4px;\" href=\"https:\u002F\u002Fwww.paypal.com\u002Fpaypalme\u002Fcvvben\">Paypal Me\u003C\u002Fa>\n\n## Contributors\n\n\u003Ca href=\"https:\u002F\u002Fopenomy.app\u002Fgithub\u002Fvbenjs\u002Fvue-vben-admin\" target=\"_blank\" style=\"display: block; width: 100%;\" align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Fopenomy.app\u002Fsvg?repo=vbenjs\u002Fvue-vben-admin&chart=bubble&latestMonth=3\" target=\"_blank\" alt=\"Contribution Leaderboard\" style=\"display: block; width: 100%;\" \u002F>\n \u003C\u002Fa>\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin\u002Fgraphs\u002Fcontributors\">\n  \u003Cimg alt=\"Contributors\" src=\"https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=vbenjs\u002Fvue-vben-admin\" \u002F>\n\u003C\u002Fa>\n\n## Discord\n\n- [Github Discussions](https:\u002F\u002Fgithub.com\u002Fanncwb\u002Fvue-vben-admin\u002Fdiscussions)\n\n## License\n\n[MIT © Vben-2020](.\u002FLICENSE)\n","Vue Vben Admin 是一个基于 Vue3、Shadcn UI、Vite 和 TypeScript 构建的现代化后台管理面板。它采用了最新的前端技术栈，包括 Vue 3 和 Vite，支持 TypeScript 开发，提供多种主题颜色和国际化支持，并内置了基于动态路由的权限解决方案。适用于需要快速搭建高质量中后台管理系统的企业级项目或个人开发者学习参考。MIT 许可证下开源，拥有活跃的社区支持。",2,"2026-06-11 02:47:10","top_all"]