{"id":21942859,"url":"https://github.com/dochner/vue3-vite-atomicdesign","last_synced_at":"2026-05-05T14:05:45.072Z","repository":{"id":153592620,"uuid":"483702944","full_name":"dochner/vue3-vite-atomicdesign","owner":"dochner","description":null,"archived":false,"fork":false,"pushed_at":"2022-04-20T15:09:52.000Z","size":93,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-07T03:05:08.321Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/dochner.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-04-20T15:07:27.000Z","updated_at":"2022-07-30T17:21:20.000Z","dependencies_parsed_at":"2023-05-20T07:00:33.028Z","dependency_job_id":null,"html_url":"https://github.com/dochner/vue3-vite-atomicdesign","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/dochner/vue3-vite-atomicdesign","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dochner%2Fvue3-vite-atomicdesign","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dochner%2Fvue3-vite-atomicdesign/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dochner%2Fvue3-vite-atomicdesign/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dochner%2Fvue3-vite-atomicdesign/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dochner","download_url":"https://codeload.github.com/dochner/vue3-vite-atomicdesign/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dochner%2Fvue3-vite-atomicdesign/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32652545,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-05T11:29:49.557Z","status":"ssl_error","status_checked_at":"2026-05-05T11:29:48.587Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2024-11-29T03:27:00.225Z","updated_at":"2026-05-05T14:05:45.040Z","avatar_url":"https://github.com/dochner.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue3 + Vite + UnoCSS + Atomic Design System Template\n\n## Features\n\n- ⚡️ [Vue 3](https://github.com/vuejs/vue-next), [Vite 2](https://github.com/vitejs/vite), [pnpm](https://pnpm.js.org/), [ESBuild](https://github.com/evanw/esbuild) - born with fastness\n\n- 🗂 [File based routing](./src/pages)\n\n- 📦 [Components auto importing](./src/components)\n\n- 🎨 [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine\n\n- 😃 [Use icons from any icon sets with classes](https://github.com/antfu/unocss/tree/main/packages/preset-icons)\n\n- 🔥 Use the [new `\u003cscript setup\u003e` syntax](https://github.com/vuejs/rfcs/pull/227)\n\n- 🤙🏻 [Reactivity Transform](https://vuejs.org/guide/extras/reactivity-transform.html) enabled\n\n- 📥 [APIs auto importing](https://github.com/antfu/unplugin-auto-import) - use Composition API and others directly\n\n- 🖨 Static-site generation (SSG) via [vite-ssg](https://github.com/antfu/vite-ssg)\n\n- 🦔 Critical CSS via [critters](https://github.com/GoogleChromeLabs/critters)\n\n- 🦾 TypeScript\n\n- ☁️ Deploy on Netlify, zero-config\n\n## Pre-packed\n\n### UI Frameworks\n\n- [UnoCSS](https://github.com/antfu/unocss) - 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 via UnoCSS](https://github.com/antfu/unocss/tree/main/packages/preset-icons)\n\n### Plugins\n\n- [Vue Router](https://github.com/vuejs/vue-router)\n  - [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) - file system based routing\n  - [`vite-plugin-vue-layouts`](https://github.com/JohnCampionJr/vite-plugin-vue-layouts) - layouts for pages\n- [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components) - components auto import\n- [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) - Directly use Vue Composition API and others without importing\n- [VueUse](https://github.com/antfu/vueuse) - collection of useful composition APIs\n- [`@vueuse/head`](https://github.com/vueuse/head) - manipulate document head reactively\n\n### Coding Style\n\n- Use Composition API with [`\u003cscript setup\u003e` SFC syntax](https://github.com/vuejs/rfcs/pull/227)\n- [ESLint](https://eslint.org/) with [@antfu/eslint-config](https://github.com/antfu/eslint-config), single quotes, no semi.\n\n### Dev tools\n\n- [TypeScript](https://www.typescriptlang.org/)\n- [pnpm](https://pnpm.js.org/) - fast, disk space efficient package manager\n- [`vite-ssg`](https://github.com/antfu/vite-ssg) - Static-site generation\n  - [critters](https://github.com/GoogleChromeLabs/critters) - Critical CSS\n- [Netlify](https://www.netlify.com/) - zero-config deployment\n- [VS Code Extensions](./.vscode/extensions.json)\n  - [Vite](https://marketplace.visualstudio.com/items?itemName=antfu.vite) - Fire up Vite server automatically\n  - [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) - Vue 3 `\u003cscript setup\u003e` IDE support\n  - [Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify) - Icon inline display and autocomplete\n  - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)\n\n### Clone to local\n\nIf you prefer to do it manually with the cleaner git history\n\n```bash\nnpx degit dochner/vue3-vite-unocss-atomicdesign my-app\ncd my-app\npnpm i # If you don't have pnpm installed, run: npm install -g pnpm\n```\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 title in `App.vue`\n- [ ] Change the hostname in `vite.config.ts`\n- [ ] Change the favicon in `public`\n- [ ] Remove the `.github` folder which contains the funding info\n\n## Usage\n\n### Development\n\nJust run and visit http://localhost:8082\n\n```bash\npnpm dev\n```\n\n### Build\n\nTo build the App, run\n\n```bash\npnpm build\n```\n\nAnd you will see the generated file in `dist` that ready to be served.\n\n### Deploy on Netlify\n\nGo to [Netlify](https://app.netlify.com/start) and select your clone, `OK` along the way, and your App will be live in a minute.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdochner%2Fvue3-vite-atomicdesign","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdochner%2Fvue3-vite-atomicdesign","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdochner%2Fvue3-vite-atomicdesign/lists"}