{"id":13416945,"url":"https://github.com/alvarosabu/vitesome","last_synced_at":"2025-04-09T12:05:30.774Z","repository":{"id":40573626,"uuid":"370354326","full_name":"alvarosabu/vitesome","owner":"alvarosabu","description":"A simple opinionated Vue3 Starter Template with Vite.js","archived":false,"fork":false,"pushed_at":"2023-08-18T11:42:30.000Z","size":372,"stargazers_count":264,"open_issues_count":3,"forks_count":27,"subscribers_count":5,"default_branch":"main","last_synced_at":"2024-08-10T06:01:16.927Z","etag":null,"topics":["tailwindcss","template","typescript","vite","vite-starter","vite-template","vue3","vuejs","windicss"],"latest_commit_sha":null,"homepage":"https://vitesome.alvarosaburido.dev/","language":"Vue","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/alvarosabu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":["alvarosabu"],"ko_fi":"alvarosaburido"}},"created_at":"2021-05-24T13:04:34.000Z","updated_at":"2024-08-10T06:01:16.927Z","dependencies_parsed_at":"2024-01-07T18:00:45.688Z","dependency_job_id":"130c46cc-aaed-4e0f-88d1-8385269703a1","html_url":"https://github.com/alvarosabu/vitesome","commit_stats":null,"previous_names":["alvarosaburido/vitesome"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alvarosabu%2Fvitesome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alvarosabu%2Fvitesome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alvarosabu%2Fvitesome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alvarosabu%2Fvitesome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alvarosabu","download_url":"https://codeload.github.com/alvarosabu/vitesome/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248036063,"owners_count":21037092,"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":["tailwindcss","template","typescript","vite","vite-starter","vite-template","vue3","vuejs","windicss"],"created_at":"2024-07-30T22:00:30.142Z","updated_at":"2025-04-09T12:05:30.741Z","avatar_url":"https://github.com/alvarosabu.png","language":"Vue","funding_links":["https://github.com/sponsors/alvarosabu","https://ko-fi.com/alvarosaburido","https://paypal.me/alvarosaburido"],"categories":["Get Started","Vue"],"sub_categories":["Templates"],"readme":"\u003cp align='center'\u003e\u003cimg width=\"300px\" style=\"display:block; margin:0 auto;\" src=\"https://res.cloudinary.com/alvarosaburido/image/upload/v1621848301/projects/vitesome/logotype_zq9g5i.png\" alt=\"Vitesome - Vue3 + Vite template starter\"\u003e\n\u003c/p\u003e\n\n\u003cp align='center'\u003e\n\u003csub\u003eLogo created with \u003ca href=\"https://windicss.org/\"\u003eWindcss logo\u003c/a\u003e + Icons made by \u003ca href=\"https://www.flaticon.com/authors/vectors-market\" title=\"Vectors Market\"\u003eVectors Market\u003c/a\u003e \u0026 \u003ca href=\"https://www.flaticon.com/authors/pixel-perfect\" title=\"Pixel perfect\"\u003ePixel perfect\u003c/a\u003e from \u003ca href=\"https://www.flaticon.com/\" title=\"Flaticon\"\u003ewww.flaticon.com\u003c/a\u003e  \u003c/sub\u003e\n\u003c/p\u003e\n\n# Vitesome 🌬 ⛵️\n\n\u003e A simple opinionated Vue Starter Template with [Vite.js](https://vitejs.dev/)\n\nThis template should help get you started developing with Vue and Typescript in Vite in a bliss.\n\n## Features\n\n- [Vite](https://github.com/vitejs/vite) ⚡️, [Vue](https://github.com/vuejs/vue),\n- 💨 [UnoCSS](https://github.com/unocss/unocss)\n- 📦 [Components auto importing](https://github.com/antfu/unplugin-vue-components)\n- [i18n](https://github.com/intlify/vue-i18n-next) out of the box 👩‍🎨\n- [Pure CSS Icons](https://github.com/unocss/unocss/tree/main/packages/preset-icons/) - use any icon as a single class or attribute 🔝\n- Routing with [Vue Router 4](https://github.com/vuejs/vue-router-next)\n- Deploy on Netlify\n\n\u003cp align='center'\u003e\u003ca href=\"https://vitesome.alvarosaburido.dev/\"\u003e Live Demo\u003c/a\u003e\u003cp\u003e\n\n## You can help me keep working on this project 💚\n\n- [Become a Sponsor on GitHub](https://github.com/sponsors/alvarosabu)\n- [One-time donation via PayPal](https://paypal.me/alvarosaburido)\n\n\u003ch4 align=\"center\"\u003eGenerous Unicorns 🦄\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/OmgImAlexis\" target=\"_blank\" rel=\"noopener noreferrer\" \"\u003e\n    \u003cimg src=\"https://avatars.githubusercontent.com/u/6525926?v=4\" height=\"72px\"  style=\"border-radius: 100%; overflow: hidden; border: 4px solid #5EDCAE\" alt=\"OmgImAlexis\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Pre-📦\n\nThis repo brings few things pre-packed, so you don't need to install them manually everytime.\n\n### Styling\n\n- [UnoCSS](https://github.com/unocss/unocss) with The instant on-demand Atomic CSS engine.\n\n### Icons\n\n- [Iconify](https://iconify.design) - use icons from any icon sets [🔍Icônes](https://icones.netlify.app/)\n- Pure CSS Icons with [@unocss/preset-icons](https://github.com/unocss/unocss/tree/main/packages/preset-icons)\n\n### Plugins\n\n- [VueUse](https://github.com/vueuse/vueuse) - collection of useful composition APIs\n- [Vue I18n](https://github.com/intlify/vue-i18n-next) - Internationalization\n- Component auto-import with [`vite-plugin-components`](https://github.com/antfu/vite-plugin-components)\n\n### Dev tools\n\n- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) - All in one i18n support\n- [pnpm](https://pnpm.js.org/) - fast, disk space efficient package manager\n- [Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify) - Icon inline display and autocomplete\n\n## Check it out\n\nYou can create a repo with this template [here](https://github.com/alvarosabu/vitesome/generate)\n\nOr if you prefer to do it manually with the cleaner git history\n\n```bash\nnpx degit alvarosabu/vitesome my-vitesome-app\ncd my-vitesome-app\npnpm i # If you don't have pnpm installed, run: npm install -g pnpm\n```\n### Project setup\n\n```\npnpm i\n```\n\n### Use it\n\n```\npnpm run dev\n```\n\nThis will serve the app at [http://localhost:3260](http://localhost:3260)\n\n### Build it\n\n```\npnpm run build\n```\n\nBuilds the app for production to the `dist` folder.\u003cbr\u003e\nIt correctly bundles Vue in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\u003cbr\u003e\nYour app is ready to be deployed!\n\nSee the section about [deployment](#deployment) for more information.\n\n### Deployment\n\nVisit [Netlify](https://app.netlify.com/start) and select your repo, select OK along the way, and your App will be live in a minute.\n\n## Recommended IDE Setup\n\n[VSCode](https://code.visualstudio.com/) + [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur). Make sure to enable `vetur.experimental.templateInterpolationService` in settings!\n\n### If Using `\u003cscript setup\u003e`\n\n[`\u003cscript setup\u003e`](https://github.com/vuejs/rfcs/pull/227) is a feature that is currently in RFC stage. To get proper IDE support for the syntax, use [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) instead of Vetur (and disable Vetur).\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 use the following:\n\n### If Using Vetur\n\n1. Install and add `@vuedx/typescript-plugin-vue` to the [plugins section](https://www.typescriptlang.org/tsconfig#plugins) in `tsconfig.json`\n2. Delete `src/shims-vue.d.ts` as it is no longer needed to provide module info to Typescript\n3. Open `src/main.ts` in VSCode\n4. Open the VSCode command palette\n5. Search and run \"Select TypeScript version\" -\u003e \"Use workspace version\"\n\n![repository-banner.png](https://res.cloudinary.com/alvarosaburido/image/upload/v1612193118/as-portfolio/Repo_Banner_kexozw.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falvarosabu%2Fvitesome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falvarosabu%2Fvitesome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falvarosabu%2Fvitesome/lists"}