[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8850":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":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":16,"starSnapshotCount":16,"syncStatus":30,"lastSyncTime":31,"discoverSource":32},8850,"nuxt3-awesome-starter","viandwi24\u002Fnuxt3-awesome-starter","viandwi24","a Nuxt 3 template and boilerplate with a lot of useful features. Nuxt 3 + Tailwindcss + Nuxt Layer","https:\u002F\u002Fnuxt3-awesome-starter.vercel.app",null,"Vue",1795,375,27,18,0,1,52.83,false,"v2",true,[23,24,25,26],"nuxt3","nuxt3-template","tailwindcss","vue","2026-06-12 04:00:41","[![Alpine](.\u002Fassets\u002Fimages\u002Fbanner.png)](https:\u002F\u002Fnuxt3-awesome-starter.vercel.app\u002F)\n\n# Nuxt 3 Awesome Starter\n![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F%40nuxt-awesome%2Ftheme)\n![NPM](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fl\u002F%40nuxt-awesome%2Ftheme)\n![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F%40nuxt-awesome\u002Ftheme)\n\na Nuxt 3 starter template with a lot of useful features, integrated with TailwindCSS 3. Easy use and implemented in Nuxt Layer, you can extend this template with zero config.  \nNuxt Awesome Starter v2 brings many changes, separating core component apps and main business logic into the `\u002Fapp` folder. and also provides the option to also be integrated with the nuxt layer to make it easier to bring all of our Awesome features and components to your project.  \n\n\n- 📖  [Demo](https:\u002F\u002Fnuxt3-awesome-starter.vercel.app\u002F)\n- 🕹  [Play online (with Nuxt Layer)](https:\u002F\u002Fgithubblitz.com\u002Fviandwi24\u002Fnuxt3-awesome-starter\u002Ftree\u002Fv2\u002F.demo)\n- 👀  [Play online (app)](https:\u002F\u002Fgithubblitz.com\u002Fviandwi24\u002Fnuxt3-awesome-starter)  \n  \n\n> **NOTES**\n>\n> - This Project using \"pnpm\" or \"bun\" as package manager\n> - this is Nuxt 3 Awesome Starter V2, you can check V1 in this [link](https:\u002F\u002Fgithub.com\u002Fviandwi24\u002Fnuxt3-awesome-starter\u002Ftree\u002Fv1)\n\n## Preview\n\n\u003Ctable align=\"center\">\n  \u003Ctr>\n    \u003Ctd align=\"center\" width=\"100%\" colspan=\"2\">\n      \u003Cimg src=\"assets\u002Fimages\u002Fpreview.png?raw=true\" alt=\"Preview\" title=\"Preview\">\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd align=\"center\" width=\"75%\">\n      \u003Cimg src=\"assets\u002Fimages\u002Fpreview_desktop.gif?raw=true\" alt=\"Preview\" title=\"Desktop Preview\">\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\" width=\"25%\">\n      \u003Cimg src=\"assets\u002Fimages\u002Fpreview_mobile.gif?raw=true\" alt=\"Preview\" title=\"Mobile Preview\">\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\u003Cp align=\"center\">\n  \u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fnuxt3-awesome-starter.vercel.app\u002F\" target=\"_blank\">Live Demo\u003C\u002Fa>\n  \u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fcodesandbox.io\u002Fs\u002Fgithub\u002Fviandwi24\u002Fnuxt3-awesome-starter\" title=\"Open In Code Sandbox\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FOpen%20in-CodeSandbox-blue?style=flat-square&logo=codesandboxg\" alt=\"Open In Code Sandbox\">\n  \u003C\u002Fa>\n  \u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fstackblitz.com\u002Fgithub\u002Fviandwi24\u002Fnuxt3-awesome-starter\" title=\"Open In Stackblitz\">\n    \u003Cimg src=\"https:\u002F\u002Fdeveloper.stackblitz.com\u002Fimg\u002Fopen_in_stackblitz.svg\" alt=\"Open In Stackblitz\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n## Features\n\n- [X] 📚 [Nuxt Layer Support](https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fgetting-started\u002Flayers#layers)\n- [X] 💨 [Tailwind CSS v3](https:\u002F\u002Ftailwindcss.com\u002F)\n- [X] ✨ [Headless UI](https:\u002F\u002Fheadlessui.dev\u002F)\n- [X] 🔔 [Nuxt Icon](https:\u002F\u002Ficones.js.org\u002F)\n- [X] 🛹 [State & Store Management (Pinia)](https:\u002F\u002Fpinia.vuejs.org\u002F)\n- [X] 📦 [Vue Composition Collection (Vueuse)](https:\u002F\u002Fvueuse.org\u002F)\n- [X] 🪝 Built-in Awesome Component & Layout\n- [X] 🌙 [Theme Manager (Color Mode)](https:\u002F\u002Fcolor-mode.nuxtjs.org\u002F)\n- [X] Configurable Theme (Easy to change)\n  - [X] Primary Colors\n  - [X] Font\n\n## To Dos\n\n- [X] Nuxt Layer Support\n- [X] Nuxt Awesome Modules Core\n  - [X] create modules `~\u002Fmodules\u002Fawesome.ts`\n- [X] Adding Pinia\n  - [X] auto import \"defineStore\" as \"definePiniaStore\"\n  - [X] auto import folder \"stores\"\n- [X] Eslint & Prettier\n- [X] 🌙 Theme Switcher (light, dark, system)\n- [ ] 🇮🇩 Language Switcher\n- [ ] Awesome Components\n  - [X] Card\n  - [X] Content (@nuxt\u002Fcontent bridge)\n  - [X] Form\n    - [X] Text Input\n    - [X] Switch\n  - [X] Action\n    - [X] Button\n    - [X] Link\n  - [X] Tabs\n  - [X] Pages\n    - [X] Welcome\n    - [X] Error\n  - [X] Action Sheet\n  - [X] Alert Banner\n  - [ ] Modal\n  - [ ] Toast\n\n## Getting Started\n\n### Installation\n\nto use Nuxt Awesome Starter you can choose one of the following options:\n\n- using nuxt layer\n- using direct clone\n\n#### Using with Nuxt Layer (Simple Way)\n\nnuxt 3 have a new feature called \"Nuxt Layer\", with this feature you can create a new project with a template that has been provided by the community. you can see on [`.demo`](https:\u002F\u002Fgithub.com\u002Fviandwi24\u002Fnuxt3-awesome-starter\u002Ftree\u002Fv2\u002F.demo) to see how to use this template with nuxt layer.  \nthis is a simple way to use this template :\n- create a new fresh nuxt 3 project with `pnpm dlx nuxi@latest init my-app`\n- install nuxt awesome deps `pnpm add @nuxt-awesome\u002Ftheme`\n- add `extends: '@nuxt-awesome\u002Ftheme'` on your `nuxt.config.ts` file\n  ```ts\n  # nuxt.config.ts\n  export default defineNuxtConfig({\n    devtools: { enabled: true },\n    extends: [\n      '@nuxt-awesome\u002Ftheme',\n    ]\n  })\n  ```\n- after that, you can explorer `app.config.ts` to see what you can change on this template.\n- remove your `app.vue` in root project if you want to use our nuxt awesome as root layout.\n\n#### Using with Direct Clone\n\nyou can direct to clone this repository and just make change on [`app\u002F`](https:\u002F\u002Fgithub.com\u002Fviandwi24\u002Fnuxt3-awesome-starter\u002Ftree\u002Fv2\u002Fapp) folder as your main project folder.\n\n- clone this repository\n  ```bash\n  git clone https:\u002F\u002Fgithub.com\u002Fviandwi24\u002Fnuxt3-awesome-starter\n  ```\n- install dependencies\n  ```bash\n  pnpm install\n  ```\n- run development server\n  ```bash\n  pnpm dev\n  ```\n","Nuxt 3 Awesome Starter 是一个基于 Nuxt 3 的项目模板，集成了多种实用功能。该项目使用了 Tailwind CSS 3 进行样式设计，并且支持 Nuxt Layer，使得开发者可以轻松地扩展项目而无需额外配置。核心功能包括响应式布局、状态管理（Pinia）、Vue Composition API 集合（Vueuse）以及内置的优秀组件和布局等。此外，它还提供了主题管理和可配置的主题选项，方便用户自定义。这个模板非常适合那些希望快速启动并构建现代化 Vue 应用程序的开发者，特别是在需要高度定制化界面和良好开发体验的情况下。",2,"2026-06-11 03:20:01","top_language"]