{"id":21008402,"url":"https://github.com/binarcode/vue3-starter-template","last_synced_at":"2025-05-15T02:32:15.032Z","repository":{"id":41742655,"uuid":"426539573","full_name":"BinarCode/vue3-starter-template","owner":"BinarCode","description":"Opinionated Vue 3 starter template","archived":false,"fork":false,"pushed_at":"2024-04-22T15:50:05.000Z","size":886,"stargazers_count":34,"open_issues_count":0,"forks_count":8,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-03T02:51:13.776Z","etag":null,"topics":["starter","tailwindcss","template","vue"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BinarCode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-11-10T08:19:25.000Z","updated_at":"2024-09-28T20:22:23.000Z","dependencies_parsed_at":"2023-01-16T18:15:52.011Z","dependency_job_id":null,"html_url":"https://github.com/BinarCode/vue3-starter-template","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/BinarCode%2Fvue3-starter-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BinarCode%2Fvue3-starter-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BinarCode%2Fvue3-starter-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BinarCode%2Fvue3-starter-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BinarCode","download_url":"https://codeload.github.com/BinarCode/vue3-starter-template/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254262408,"owners_count":22041412,"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":["starter","tailwindcss","template","vue"],"created_at":"2024-11-19T09:12:27.001Z","updated_at":"2025-05-15T02:32:14.689Z","avatar_url":"https://github.com/BinarCode.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue 3 + Typescript + Vite\n\nThis template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 SFCs.\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\nby default. In most cases this is fine if you don't really care about component prop types outside of templates.\nHowever, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using\nmanual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off`\nfrom VSCode command palette.\n\n## VSCode Setup\n\n- [VSCode](https://code.visualstudio.com/)\n  + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)\n\n## Project structure\n\nThe project is structured with modules, inspired by [Domain Driven Design](https://en.wikipedia.org/wiki/Domain-driven_design)\nA module represents a directory containing all the code for a specific feature including pages, feature specific components, store and other things.\nAn example of a module is the `auth` module which can host everything related to authentication such as login, register, reset, forgot password etc.\n\n## Project specific tools \u0026 libraries\n- [Vite](https://vitejs.dev/) Is used as a dev server \u0026 build tool.\n- [Vue Router](https://router.vuejs.org/) Is used for routing.\n- [Vite Plugin Routes](https://github.com/hannoeru/vite-plugin-pages) is used to automatically generate routes.\n- [Pinia](https://pinia.vuejs.org/) is used for state management.\n- [Vue I18n](https://vue-i18n.intlify.dev/introduction.html) is used for translations.\n- [Axios](https://github.com/axios/axios) is used for making requests. There are some interceptors already defined in `src/modules/common/apiConfig.ts`\n- [TailwindCSS](https://tailwindcss.com/) is used for styling. You can extend the config in `tailwind.config.js`.\n- **Base** components. All components starting with **Base** will be automatically imported and therefore there's no need to reimport them in each component.\nYou can check how it's done in `src/plugins/globalComponents.ts`\n- You can find several plugins and utilities inside `src/plugins` folder.\n  - `this.$copyToClipboard(message)` can be used to copy to clipboard\n  - `this.$formatDate(date, format)` can be used to format dates\n  - `this.$success(message)` or `this.$error(message)` can be used to trigger notifications across the app both in components and code.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinarcode%2Fvue3-starter-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbinarcode%2Fvue3-starter-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinarcode%2Fvue3-starter-template/lists"}