├── assets
    └── .gitkeep
├── plugins
    └── .gitkeep
├── public
    └── .gitkeep
├── components
    └── .gitkeep
├── composables
    └── .gitkeep
├── server
    └── api
    │   └── .gitkeep
├── tsconfig.json
├── .gitignore
├── .stackblitzrc
├── app.vue
├── nuxt.config.ts
├── windi.config.js
├── package.json
├── layouts
    └── default.vue
├── pages
    └── index.vue
└── README.md


/assets/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/plugins/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/public/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/components/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/composables/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/server/api/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "./.nuxt/tsconfig.json"
3 | }
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | *.log
3 | .nuxt
4 | nuxt.d.ts
5 | .output
6 | 


--------------------------------------------------------------------------------
/.stackblitzrc:
--------------------------------------------------------------------------------
1 | {
2 |   "installDependencies": true,
3 |   "startCommand": "npm run dev"
4 | }
5 | 


--------------------------------------------------------------------------------
/app.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div>
3 |     <NuxtLayout>
4 |       <NuxtPage/>
5 |     </NuxtLayout>
6 |   </div>
7 | </template>
8 | 


--------------------------------------------------------------------------------
/nuxt.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineNuxtConfig } from 'nuxt'
 2 | 
 3 | export default defineNuxtConfig({
 4 |   buildModules: [
 5 |     '@vueuse/core/nuxt',
 6 |     'nuxt-windicss',
 7 |   ],
 8 |   windicss: {
 9 |     analyze: true
10 |   },
11 | })
12 | 


--------------------------------------------------------------------------------
/windi.config.js:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'windicss/helpers'
 2 | import colors from 'windicss/colors'
 3 | import plugin from 'windicss/plugin'
 4 | 
 5 | export default defineConfig({
 6 |   darkMode: false, // or 'media' or 'class'
 7 |   theme: {
 8 |     colors: {
 9 |       ...colors,
10 |     },
11 |     extend: {
12 |     },
13 |   },
14 |   plugins: [],
15 | })
16 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "private": true,
 3 |   "scripts": {
 4 |     "build": "nuxt build",
 5 |     "dev": "nuxt dev",
 6 |     "generate": "nuxt generate",
 7 |     "preview": "nuxt preview"
 8 |   },
 9 |   "devDependencies": {
10 |     "@vueuse/core": "^6.8.0",
11 |     "nuxt-windicss": "^2.0.0",
12 |     "nuxt": "npm:nuxt3@latest"
13 |   },
14 |   "dependencies": {}
15 | }
16 | 


--------------------------------------------------------------------------------
/layouts/default.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="p-4 sm:p-8 min-h-screen bg-sky-200 flex">
 3 |     <div class="container p-4 sm:p-8 mx-auto rounded-2xl bg-gray-50 leading-loose text-gray-600">
 4 |       <slot/>
 5 |     </div>
 6 |   </div>
 7 | </template>
 8 | 
 9 | <style>
10 | div.container > div > h1,
11 | div.container > div > h2,
12 | div.container > div > h3,
13 | div.container > div > h4,
14 | div.container > div > h5,
15 | div.container > div > h6,
16 | div.container > div > p {
17 |   @apply py-4 px-6;
18 | }
19 | </style>
20 | 


--------------------------------------------------------------------------------
/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | const header = ref('Nuxt 3 starter template')
 3 | </script>
 4 | 
 5 | <template>
 6 |   <div>
 7 |     <h1 class="rounded-md bg-green-200 text-xl text-green-700 font-bold">
 8 |       {{ header }}
 9 |       with <a href="https://vueuse.org/" target="_blank">VueUse</a> and <a href="https://windicss.org/" target="_blank">Windi CSS</a>.
10 |     </h1>
11 |     <p>
12 |       Edit <strong>layouts/default.vue</strong> and <strong>windi.config.js</strong>.
13 |     </p>
14 |   </div>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Nuxt 3 Minimal Starter with VueUse and WindiCSS
 2 | 
 3 | Documents
 4 | 
 5 | * [Nuxt 3](https://v3.nuxtjs.org)
 6 | * [VueUse](https://vueuse.org/)
 7 | * [Windi CSS](https://windicss.org/)
 8 | * [Pinia](https://pinia.esm.dev/) (switch `pinia` branch)
 9 | 
10 | ## Clone
11 | 
12 | ```bash
13 | git remote rename origin template  # origin → template
14 | gh repo create                     # Create your remote repository by GitHub CLI
15 | git push -u origin main            # Push to your repository
16 | ```
17 | 
18 | `template:main` : This repository  
19 | `origin:main` : Your remote repository
20 | 
21 | > `gh` command by [GitHub CLI](https://cli.github.com/)  
22 | > or `git remote add origin ~~~`
23 | 
24 | ## Setup
25 | 
26 | Make sure to install the dependencies
27 | 
28 | ```bash
29 | yarn install
30 | ```
31 | 
32 | ## Development
33 | 
34 | Start the development server on http://localhost:3000
35 | 
36 | ```bash
37 | yarn dev
38 | ```
39 | 
40 | ## Production
41 | 
42 | Build the application for production:
43 | 
44 | ```bash
45 | yarn build
46 | ```
47 | 
48 | Checkout the [deployment documentation](https://v3.nuxtjs.org/guide/deploy/).


--------------------------------------------------------------------------------