[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-1192":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":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":43,"readmeContent":44,"aiSummary":45,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":46,"discoverSource":47},1192,"vuetify","vuetifyjs\u002Fvuetify","vuetifyjs","🐉 Vue Component Framework","https:\u002F\u002Fvuetifyjs.com",null,"TypeScript",40993,7132,566,393,0,2,5,18,7,45,"Other",false,"master",[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,5,7],"javascript","material","material-components","material-design","material-theme","semantic","typescript","ui","ui-components","ui-design","ui-kit","ui-library","vue","vue-components","vue-material","vuejs","vuejs3","2026-06-12 02:00:24","\u003Cdiv align=\"center\">\n  \u003Cpicture>\n    \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fcdn.vuetifyjs.com\u002Fdocs\u002Fimages\u002Fone\u002Flogos\u002Fvuetify-logo-dark.png\">\n    \u003Cimg alt=\"Vuetify Logo\" src=\"https:\u002F\u002Fcdn.vuetifyjs.com\u002Fdocs\u002Fimages\u002Fone\u002Flogos\u002Fvuetify-logo-light.png\" height=\"100\">\n  \u003C\u002Fpicture>\n\u003C\u002Fdiv>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvuetify\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002Fvuetify.svg\" alt=\"Downloads\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvuetify\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fvuetify.svg\" alt=\"Downloads\">\n  \u003C\u002Fa>\n  \u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Fvuetify\u002Fblob\u002Fmaster\u002FLICENSE.md\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fl\u002Fvuetify.svg\" alt=\"License\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fcommunity.vuetifyjs.com\">\n    \u003Cimg src=\"https:\u002F\u002Fdiscordapp.com\u002Fapi\u002Fguilds\u002F340160225338195969\u002Fwidget.png\" alt=\"Chat\">\n  \u003C\u002Fa>\n  \u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvuetify\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvuetify.svg\" alt=\"Version\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fcdnjs.com\u002Flibraries\u002Fvuetify\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fcdnjs\u002Fv\u002Fvuetify.svg\" alt=\"CDN\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n### 🖥️ Documentation\n\nTo check out the documentation, visit [vuetifyjs.com](https:\u002F\u002Fvuetifyjs.com).\n\n![Crowdin Uploads](https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Fvuetify\u002Fworkflows\u002FCrowdin%20Uploads\u002Fbadge.svg?branch=master)\n\n### ⚡ Quick Start\n\nGetting started with Vuetify is easy. To create a new project, choose your package manager and run one of the following commands:\n\nUsing [pnpm](https:\u002F\u002Fpnpm.io\u002F)\n\n```bash\npnpm create vuetify\n```\n\nUsing [yarn](https:\u002F\u002Fyarnpkg.com\u002F)\n\n```bash\nyarn create vuetify\n```\n\nUsing [npm](https:\u002F\u002Fnpmjs.com\u002F)\n\n```bash\nnpm create vuetify@latest\n```\n\nUsing [bun](https:\u002F\u002Fbun.sh\u002F)\n\n```bash\nbun create vuetify\n```\n\nFor more information on how to get started, such as using Nuxt or Laravel, check out the official [Installation guide](https:\u002F\u002Fvuetifyjs.com\u002Fgetting-started\u002Finstallation\u002F).\n\n### 💖 Supporting Vuetify\n\nVuetify is a [MIT licensed](https:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT) project that is developed and maintained by the [Core Team](https:\u002F\u002Fvuetifyjs.com\u002Fabout\u002Fmeet-the-team\u002F). Sponsor Vuetify and receive some **awesome perks** and support Open Source Software at the same time! 🎉\n\n\u003Cul>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fusers\u002Fjohnleider\u002Fsponsorship\">Become a backer or sponsor on GitHub\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvuetify\">Become a backer or sponsor on Open Collective\u003C\u002Fa>\n    \u003Cstrong>\u003Csmall>(supports the Core team)\u003C\u002Fsmall>\u003C\u002Fstrong>\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Ftidelift.com\u002Fsubscription\u002Frequest-a-demo?utm_source=npm-vuetify&utm_medium=referral&utm_campaign=enterprise\">Become a subscriber on Tidelift\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fpaypal.me\u002Fvuetify\">Make a one-time payment with Paypal\u003C\u002Fa>\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\n### What's the difference between GitHub Sponsors and OpenCollective?\n\nFunds donated through GitHub Sponsors directly support [John Leider](https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fjohnleider) and the ongoing development and maintenance of Vuetify. Funds donated via Open Collective are managed with transparent expenses and will be used for compensating work and expenses for Core team members. Your name\u002Flogo will receive proper recognition and exposure by donating on either platform.\n\n\u003Ch3>\u003Cb>Special Sponsor\u003C\u002Fb>\u003C\u002Fh3>\n\n\u003Ctable>\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fwww.deepcloud.swiss\u002F\" target=\"_blank\">\n          \u003Cimg height=\"65px\" src=\"https:\u002F\u002Fcdn.cosmicjs.com\u002F20504e40-6cbc-11ef-b5ae-a594bb4a8e67-deepcloud-light.svg\">\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n\n\u003Ch3>\u003Cb>Diamond Sponsors\u003C\u002Fb>\u003C\u002Fh3>\n\n\u003Ctable>\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fwww.abacus.ch\u002F\">\n          \u003Cimg height=\"40px\" src=\"https:\u002F\u002Fcdn.cosmicjs.com\u002F0b978be0-6cbb-11ef-b5ae-a594bb4a8e67-abacus-light.svg\">\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fwww.hoop.swiss\u002F\">\n          \u003Cimg height=\"40px\" src=\"https:\u002F\u002Fcdn.cosmicjs.com\u002F94012850-6cbc-11ef-b5ae-a594bb4a8e67-hoop-light.svg\">\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n\n\u003Ch3>\u003Cb>Platinum Sponsors\u003C\u002Fb>\u003C\u002Fh3>\n\n\u003Ctable>\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Ctd style=\"text-align: center;\">\n        \u003Ca href=\"https:\u002F\u002Fwww.muenchen.de\u002F\">\n          \u003Cimg height=\"30px\" src=\"https:\u002F\u002Fimgix.cosmicjs.com\u002Faf2ce530-eaa2-11ed-ba82-019c4666da06-itm-logo.png\">\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n\n---\n\n### 🚀 Introduction\n\nVuetify is a no design skills required UI Library with beautifully handcrafted Vue Components. No design skills required — everything you need to create amazing applications is at your fingertips. Vuetify has a massive API that supports any use-case. Some highlights include:\n\n- **Customizable:** Extensive customization options with [SASS\u002FSCSS](https:\u002F\u002Fvuetifyjs.com\u002Ffeatures\u002Fsass-variables\u002F) and [Default configuration](https:\u002F\u002Fvuetifyjs.com\u002Ffeatures\u002Fpresets\u002F) and [Blueprints](https:\u002F\u002Fvuetifyjs.com\u002Ffeatures\u002Fblueprints\u002F)\n- **Responsive Layout:** The default configuration of Vuetify components is responsive, allowing your application to adapt to different screen sizes.\n- **Theme System:** A powerful color system that makes it easy to style your application with a consistent color palette.\n- **Vite Support:** _Smaller_ bundle sizes with **automatic** tree-shaking\n- **6 months** Long-term support for [Major releases](https:\u002F\u002Fvuetifyjs.com\u002Fintroduction\u002Flong-term-support\u002F)\n- **Internationalization:** 42+ supported languages\n\n#### Browser Support\n\nVuetify supports all **modern browsers**, including Safari 13+ (using [polyfills](https:\u002F\u002Fvuetifyjs.com\u002Fgetting-started\u002Fbrowser-support)). Components are designed for a minimum width of _320px_.\n\n### 🌎 Vuetify Ecosystem\n\n#### Resources\n\n\u003Ctable>\n  \u003Cthead>\n    \u003Ctr>\n      \u003Cth>Name\u003C\u002Fth>\n      \u003Cth>Description\u003C\u002Fth>\n    \u003C\u002Ftr>\n  \u003C\u002Fthead>\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Fawesome\u002F\">\n          🕶️ Vuetify Awesome\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>Awesome stuff built with Vuetify.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fbin.vuetifyjs.com\u002F\">\n          🗑️ Vuetify Bin\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>A pastebin for saving code snippets.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Fcreate\u002F\">\n          🫧 Vuetify Create\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>Scaffolding tools for creating new Vuetify projects.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fcommunity.vuetifyjs.com\u002F\">\n          💭 Vuetify Discord\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>Our massive and inclusive Discord server where you can ask questions, share feedback, and connect with other Vuetify developers.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Feslint-config-vuetify\">\n          🧹 Vuetify ESLint\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>An opinionated [ESLint config](https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Feslint-config-vuetify) for styling and an [ESLint plugin](https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Feslint-plugin-vuetify) for upgrading Vuetify version.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fissues.vuetifyjs.com\u002F\">\n          🐛 Vuetify Issues\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>A web application for reporting bugs and issues with Vuetify, Documentation, or one of our other packages.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Fvuetify-loader\">\n          📦 Vuetify Loader\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>A monorepo of compiler plugins for autoloading Vuetify components and configuring styles.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Fmcp\u002F\">\n          🧠 Vuetify MCP\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>A Model Context Protocol server for developing with Vuetify and Agents.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fplay.vuetifyjs.com\u002F\">\n          🎮 Vuetify Playground\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>A Vuetify 3 playground built using \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Frepl\">vuejs\u002Frepl\u003C\u002Fa> where you can play with our components.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fsnips.vuetifyjs.com\">\n          ✂️ Vuetify Snips\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>Pre-built code snippets for Vuetify components that you can use in your projects\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Ca href=\"https:\u002F\u002Fstore.vuetifyjs.com\u002F\">\n          🛒 Vuetify Store\n        \u003C\u002Fa>\n      \u003C\u002Ftd>\n      \u003Ctd>The official Vuetify Store where you can download free digital products, purchase pre-made themes, and more.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n\n### 🙋‍♂️ Questions\n\nFor help and support questions, please use our [Discord community](https:\u002F\u002Fcommunity.vuetifyjs.com). This issue list of this repo is **exclusively** for bug reports and feature requests.\n\n### 🐛 Issues\n\nUse our [Issue generator](https:\u002F\u002Fissues.vuetifyjs.com) to report bugs and request new features.\n\nPlease make sure to read the [Important Information](https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Fvuetify\u002Fblob\u002Fmaster\u002F.github\u002FCONTRIBUTING.md#important-information) before opening an issue. Issues not confirming to the guidelines may be closed immediately.\n\n2️⃣ Vuetify 2 Support\nVuetify 2 is now End Of Life (EOL) and is no longer supported, even for security issues. Commercial support for this version is available from our partner, [HeroDevs](https:\u002F\u002Fwww.herodevs.com\u002Fsupport\u002Fvuetify-nes?utm_source=partnership&utm_medium=partnership&utm_campaign=partnership&utm_id=vuetify2).\n\n### 📝 Changelog\n\nDetailed changes for each release are documented in the [release notes](https:\u002F\u002Fvuetifyjs.com\u002Fgetting-started\u002Frelease-notes\u002F).\n\n### 💁‍♂️ Contributing\n\nDevelopers interested in contributing should read the [Code of Conduct](.\u002FCODE_OF_CONDUCT.md) and the [Contribution Guide](https:\u002F\u002Fvuetifyjs.com\u002Fgetting-started\u002Fcontributing\u002F).\n\n> Please do **not** ask general questions in an issue. Issues are only to report bugs, suggest\n  enhancements, or request new features. For general questions and discussions, ask in the [community chat](https:\u002F\u002Fcommunity.vuetifyjs.com\u002F).\n\nTo help you get you familiar with our contribution process, we have a list of [good first issues](https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Fvuetify\u002Flabels\u002Fgood%20first%20issue) that contain bugs which have a relatively limited scope. This is a great place to get started. If you have any questions, please join us on the [community chat](https:\u002F\u002Fcommunity.vuetifyjs.com).\n\nWe also have a list of [help wanted](https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Fvuetify\u002Flabels\u002Fhelp%20wanted) issues that you might want to check.\n\n### 📑 License\n\nVuetify is available under the [MIT](https:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT) software license.\n\nCopyright (c) 2016-present Vuetify, LLC\n\n---\n\nThis project exists thanks to all the people who contribute 😍!\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuetifyjs\u002Fvuetify\u002Fgraphs\u002Fcontributors\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvuetify\u002Fcontributors.svg?width=890&button=false\" \u002F>\u003C\u002Fa>\n","Vuetify 是一个基于 Vue.js 的 Material Design 组件框架。它提供了丰富的 UI 组件，支持 TypeScript，并且遵循 Material Design 规范，具有高度的可定制性和响应式设计。Vuetify 的核心功能包括语义化组件、主题系统和强大的布局系统，使得开发者能够快速构建美观且功能完善的 Web 应用。该框架适用于需要快速开发高质量前端界面的各种场景，特别是对 Material Design 有需求的项目。","2026-06-11 02:42:12","top_all"]