{"id":22489254,"url":"https://github.com/BayBreezy/nuxt3-vuetify3-starter","last_synced_at":"2025-08-02T21:32:26.025Z","repository":{"id":62848688,"uuid":"562195130","full_name":"BayBreezy/nuxt3-vuetify3-starter","owner":"BayBreezy","description":"Template to get you up and running with Nuxt 3 \u0026 Vuetify 3","archived":false,"fork":false,"pushed_at":"2024-12-01T06:55:52.000Z","size":3399,"stargazers_count":272,"open_issues_count":1,"forks_count":65,"subscribers_count":7,"default_branch":"main","last_synced_at":"2024-12-01T13:47:33.762Z","etag":null,"topics":["nuxt","vuetify3"],"latest_commit_sha":null,"homepage":"https://vuetify3nuxt3starter.behonbaker.com/","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/BayBreezy.png","metadata":{"files":{"readme":"README.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":"2022-11-05T15:44:19.000Z","updated_at":"2024-11-25T14:42:12.000Z","dependencies_parsed_at":"2024-02-06T14:43:55.908Z","dependency_job_id":"8bda35a6-9c8e-41a9-af2c-c9a68c8816fe","html_url":"https://github.com/BayBreezy/nuxt3-vuetify3-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BayBreezy%2Fnuxt3-vuetify3-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BayBreezy%2Fnuxt3-vuetify3-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BayBreezy%2Fnuxt3-vuetify3-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BayBreezy%2Fnuxt3-vuetify3-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BayBreezy","download_url":"https://codeload.github.com/BayBreezy/nuxt3-vuetify3-starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228500221,"owners_count":17930020,"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":["nuxt","vuetify3"],"created_at":"2024-12-06T17:19:30.515Z","updated_at":"2024-12-06T17:21:42.809Z","avatar_url":"https://github.com/BayBreezy.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Nuxt 3 + Vuetify 3 Starter\n\n![Starter Image](/public/starter.png)\nNuxt 3 is now stable. Vuetify 3 is now stable. I will be updating this template as we go along. Feel free to open an issue if you have any questions or suggestions.\nThis template here will get you up \u0026 running with adding the two together :)\n\n## Demo Here\n\n[Online Demo](https://vuetify3nuxt3starter.behonbaker.com)\n\n## How to use\n\nAs time passes, I will be updating this template. It will grow with some more pages. It all started with the login \u0026 register pages. I may keep a running list of pages added here.\n\n### Pages\n\n\u003cdetails\u003e\n\u003csummary\u003eClick to see the pages added \u0026 planned\u003c/summary\u003e\n\n- [x] Login\n- [x] Register\n- [x] Reset Password\n\n\u003c/details\u003e\n\n### Run the app\n\n1. Install the deps\n\n```bash\nnpm install\n```\n\n2. Run the app\n\n```bash\nnpm run dev\n```\n\n### Stuff used\n\n- NuxtJS\n- Nuxt Icon\n- Sass\n- Vuetify\n- [@vite-pwa/nuxt](https://github.com/vite-pwa/nuxt)\n- Vite Plugin Vuetify\n\n### Custom Sass File\n\nThe `.scss` file that can be found in the `assets` folder have some gradients \u0026 other styles. They can be deleted or updated.\n\n### ~~Helpers Folder~~ Utils Folder\n\nThe ~~helper~~ utils folder contains the custom stuff for the Vuetify plugin\n\n#### Custom Icons - `customIcons.ts`\n\nSo I switched from the nuxt-icon module to the @iconify/vue component [here](https://docs.iconify.design/icon-components/vue/). It plays better with Vuetify with custom icons\n\nHere is a link to the docs for this [Creating a custom iconset](https://next.vuetifyjs.com/en/features/icon-fonts/#creating-a-custom-icon-set)\n\n#### Global Defaults - `defaults.ts`\n\nThis file here just set global props on different vuetify components. You can learn more here [Global Configuration](https://next.vuetifyjs.com/en/features/global-configuration/)\n\n#### Themes - `themes.ts`\n\nThis file will hold all the different themes that you want to use in your app. Feel free to add more crazy schemes lol. Learn more here: [Vuetify Themes](https://next.vuetifyjs.com/en/features/theme/)\n\n#### Form Rules - Composable\n\nI added one composable for form rules. Add more here. You can even try integrating other validation packages like `yup` or `zod`\n\n#### Yup \u0026 Vee-Validate\n\nI will definitely be switching to vee-validate for dealing with forms.\n\n#### Icons\n\nThe public folder contains a `favicon` \u0026 `icon`. Change these out for your app and be sure to tweak the pwa config inside the `nuxt.config` file to fit your app\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FBayBreezy%2Fnuxt3-vuetify3-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FBayBreezy%2Fnuxt3-vuetify3-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FBayBreezy%2Fnuxt3-vuetify3-starter/lists"}