arch-nuxt-lite

arch-nuxt-lite（Vitesse Lite）は、軽量な Vite + Vue 3 SPA のスターターです。unplugin-vue-router によるファイルベースのルーティング、コンポーネントとコンポーザブルの自動インポート、UnoCSS、VueUse、Vitest を備えています。SSR、i18n、レイアウト、SSG、PWA、Markdown には対応していません。クライアントのみで動作するシンプルなアプリに適しています。SSR を使う場合は、arch-nuxt または Nuxt を使用してください。

このスキルは vitesse-lite（arch-nuxt-lite のソース）を基にしており、2026-01-30 に生成されました。

推奨プラクティス：

• ファイルベースのルーティングには Vite + unplugin-vue-router を使用し、ルートは src/pages に配置してください
• インポートでは src/ のエイリアス ~/ を使用してください
• VueUse（useDark、useToggle、useCounter など）と src/composables 内のコンポーザブルを使用してください。すべて自動インポートされます

コアリファレンス

トピック	説明	リファレンス
概要	プロジェクトの目的、構成、スタック、使用場面	core-overview
アプリの構成	エントリーポイント、RouterView、パスエイリアス、App.vue	core-app-structure
Vite の設定	defineConfig、プラグイン、エイリアス、Vitest	core-vite-config
スクリプト	build、dev、lint、typecheck、preview、test	core-scripts
CI	GitHub Actions — build、test、lint、typecheck のマトリックス	core-ci
ESLint	@antfu/eslint-config、unocss、フォーマッター、pnpm	core-eslint

機能

トピック	説明	リファレンス
ルーティング	unplugin-vue-router、ファイルベースのルート、useRoute/useRouter、型付きパラメーター	features-routing
コンポーネント	unplugin-vue-components、自動インポート、UnoCSS アイコン	features-components
コンポーザブル	unplugin-auto-import、composables ディレクトリ、ダークモード（useDark、useToggle）	features-composables
UnoCSS	uno.config.ts、ショートカット、プリセット、アイコン、ウェブフォント	features-unocss
テスト	Vitest、jsdom、@vue/test-utils を使ったコンポーネントテスト	features-testing
デプロイ	Netlify、netlify.toml、SPA リダイレクト	features-deploy

ベストプラクティス

トピック	説明	リファレンス
ルーティング	ファイルベースのルーティングパターン、動的ルート／キャッチオールルート	best-practices-routing