arch-nuxt-lite by hairyf/skills

arch-nuxt-lite (Vitesse Lite) is the lightweight Vite + Vue 3 SPA starter: file-based routing via unplugin-vue-router, components and composables auto-import, UnoCSS, VueUse, and Vitest. No SSR, i18n, layouts, SSG, PWA, or Markdown. Prefer it for simple client-only apps; use arch-nuxt or Nuxt for SSR.

The skill is based on vitesse-lite (arch-nuxt-lite source), generated at 2026-01-30.

Recommended practices:

Prefer Vite + unplugin-vue-router for file-based routing; keep routes in src/pages
Use ~/ alias for src/ in imports
Use VueUse (useDark, useToggle, useCounter, etc.) and composables in src/composables; all auto-imported

Core References

Topic	Description	Reference
Overview	Project purpose, structure, stack, when to use	core-overview
App structure	Entry, RouterView, path alias, App.vue	core-app-structure
Vite config	defineConfig, plugins, alias, Vitest	core-vite-config
Scripts	build, dev, lint, typecheck, preview, test	core-scripts
CI	GitHub Actions — build, test, lint, typecheck matrix	core-ci
ESLint	@antfu/eslint-config, unocss, formatters, pnpm	core-eslint

Features

Topic	Description	Reference
Routing	unplugin-vue-router, file-based routes, useRoute/useRouter, typed params	features-routing
Components	unplugin-vue-components, auto-import, UnoCSS icons	features-components
Composables	unplugin-auto-import, composables dir, dark mode (useDark, useToggle)	features-composables
UnoCSS	uno.config.ts, shortcuts, presets, icons, web fonts	features-unocss
Testing	Vitest, jsdom, component tests with @vue/test-utils	features-testing
Deploy	Netlify, netlify.toml, SPA redirect	features-deploy

Best Practices

Topic	Description	Reference
Routing	File-based routing patterns, dynamic/catch-all routes	best-practices-routing