{"id":13532758,"url":"https://github.com/logue/vite-vuetify-ts-starter","last_synced_at":"2025-04-04T19:12:10.887Z","repository":{"id":45662691,"uuid":"430407984","full_name":"logue/vite-vuetify-ts-starter","owner":"logue","description":"@vitejs + @vuejs 3+@Vuetifyjs 3","archived":false,"fork":false,"pushed_at":"2025-03-22T07:35:37.000Z","size":14442,"stargazers_count":173,"open_issues_count":12,"forks_count":35,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-28T18:14:54.293Z","etag":null,"topics":["typescript","vite","vue","vue-router","vue-template","vue3","vue3-typescript","vuejs","vuetify","vuetify3","vuetifyjs","vuex"],"latest_commit_sha":null,"homepage":"","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/logue.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":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-11-21T15:41:51.000Z","updated_at":"2025-03-22T07:35:40.000Z","dependencies_parsed_at":"2023-02-18T17:30:38.329Z","dependency_job_id":"d5e96664-96f0-40a5-b61d-90f8b51171a6","html_url":"https://github.com/logue/vite-vuetify-ts-starter","commit_stats":null,"previous_names":[],"tags_count":12,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logue%2Fvite-vuetify-ts-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logue%2Fvite-vuetify-ts-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logue%2Fvite-vuetify-ts-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logue%2Fvite-vuetify-ts-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/logue","download_url":"https://codeload.github.com/logue/vite-vuetify-ts-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247234923,"owners_count":20905854,"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":["typescript","vite","vue","vue-router","vue-template","vue3","vue3-typescript","vuejs","vuetify","vuetify3","vuetifyjs","vuex"],"created_at":"2024-08-01T07:01:13.549Z","updated_at":"2025-04-04T19:12:10.869Z","avatar_url":"https://github.com/logue.png","language":"TypeScript","funding_links":[],"categories":["🙌 Projects using Vuetify \u003ca name=\"projects\"\u003e\u003c/a\u003e"],"sub_categories":["Vuetify 3"],"readme":"# Vue 3 + Typescript + Vite + Vuetify 3.3\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://user-images.githubusercontent.com/480173/156953097-fe133174-2c02-4a7d-bb57-d28dd3332be2.png\" alt=\"logo\" width=\"300\" height=\"300\" /\u003e\n\u003c/p\u003e\n\nThis template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `\u003cscript setup\u003e` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.\n\nIncludes [vue-router](https://router.vuejs.org/) and [Pinia](https://pinia.vuejs.org/) [^1].\n\nIn addition, [ESLint](https://eslint.org/), [Stylelint](https://stylelint.io/), and [Prettier](https://prettier.io/) are also included and are set to be executed automatically at runtime and commit. (Since these settings are set strictly, please relax yourself.)\n\nAlso, when the development server is executed, it is checked in real time by [vite-plugin-checker](https://github.com/fi3ework/vite-plugin-checker).\n\nFirst define `VITE_APP_TITLE` in your `.env` file.\n\nVersions 1.11 and later use pnpm as the package manager.\n\n## Recommended IDE Setup\n\n[VSCode](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=vue.volar) (and disable Vetur).\n\n## Commands\n\nIt is designed to be close to [create-vue](https://github.com/vuejs/create-vue-templates/tree/main/typescript-router-pinia-vitest-playwright-eslint) commands.\n\n| Command       | Description                                            |\n| ------------- | ------------------------------------------------------ |\n| dev           | Start devserver.                                       |\n| clean         | Clear devserver cache.                                 |\n| type-check    | Check vue markup.                                      |\n| lint          | Run ESLint and prettier.                               |\n| lint:style    | Run Stylelint.                                         |\n| test          | Run vitest                                             |\n| test:unit     | Run Unit test                                          |\n| coverage      | Output Coverage Report.                                |\n| build         | Build for production.                                  |\n| build:analyze | Execute Bundle Analyzer                                |\n| build:clean   | Clear production build files.                          |\n| build-only    | Build for production without checking. For Deploy use. |\n| preview       | Run the program generated by the production build.     |\n\n## Type Support For `.vue` Imports in TS\n\nSince TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.\n\n[^1]: [Pinia](https://pinia.vuejs.org/) is the recommended state management library to replace [Vuex](https://vuex.vuejs.org/) in the next Vue. see \u003chttps://github.com/vuejs/rfcs/discussions/270#discussioncomment-2066856\u003e\n\n## Troubleshooting\n\nWhen adding or deleting files, an error may occur and even if the error is corrected, it may not be reflected in devserver. In that case, stop devserver and delete all the files in the `node_modules/.vite` directory. You can also run it with the `clean` command.\n\nIt will not work properly if you are using Node v21.0.0. Please upgrade to 21.1.0 or later.\n\n### Npm Scripts outputs `MODULE_NOT_FOUND`.\n\nDue to [yarn issues](https://github.com/yarnpkg/berry/issues/4448), it may not work properly if the path contains non-ASCII characters (such as 日本語 or 한국어, 中文 etc.).\n\n## Checklist\n\nWhen you use this template, try follow the checklist to update your info properly\n\n- [ ] Change the author name in `LICENSE`\n- [ ] Change the favicon in `public`\n- [ ] Remove the `.github` folder which contains the funding info\n- [ ] Clean up the READMEs and remove routes\n\n## See Also\n\n- for Vue3\n  - [vite-vue3-ts-starter](https://github.com/logue/vite-vue3-ts-starter)\n  - [vite-elemental-plus-ts-starter](https://github.com/logue/vite-elemental-plus-ts-starter)\n  - vite-bootstrap-vue-ts-starter - Comming soon.\n- for Vue2\n  - [vite-vue2-ts-starter](https://github.com/logue/vite-vue2-ts-starter) - Vite Vue2 starter.\n  - [vite-vue2-vuetify-ts-starter](https://github.com/logue/vite-vue2-vuetify-ts-starter) - UI library using Vuetify2\n  - [laravel9-vite-vue2-starter](https://github.com/logue/laravel9-vite-vue2-starter) - Vue2 for Laravel9 + Breeze.\n  - [vite-vue2-ts-ssr-starter](https://github.com/logue/vite-vue2-ts-ssr-starter) - SSR (Server Side Rendering) Version.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flogue%2Fvite-vuetify-ts-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flogue%2Fvite-vuetify-ts-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flogue%2Fvite-vuetify-ts-starter/lists"}