nuxt

# Nuxt Skill Expert assistance for building full-stack applications with Nuxt 3. ## Capabilities - Configure Nuxt 3 projects with TypeScript - Implement hybrid rendering (SSR, SSG, ISR, SPA) - Build Nitro server routes and middleware - Create composables with auto-imports - Set up Nuxt modules and plugins - Configure deployment for various platforms ## Usage Invoke this skill when you need to: - Create Nuxt 3 full-stack applications - Implement server-side rendering - Build API routes with Nitro - Configure rendering modes - Deploy Nuxt applications ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | projectType | string | Yes | fullstack, static, spa | | rendering | string | No | ssr, ssg, isr, spa | | modules | array | No | Nuxt modules to include | | features | array | No | auth, i18n, pwa, etc. | ### Configuration Example ```json { "projectType": "fullstack", "rendering": "ssr", "modules": ["@nuxtjs/tailwindcss", "@pinia/nuxt", "@vueuse/nuxt"], "features": ["auth", "api"] } ``` ## Project Structure ``` nuxt-app/ ├── .nuxt/ # Build directory ├── assets/ # Uncompiled assets ├── components/ # Auto-imported components │ ├── base/ │ │ └── Button.vue # <BaseButton /> │ └── TheHeader.vue # <TheHeader /> ├── composables/ # Auto-imported composables │ ├── useAuth.ts │ └── useFetch.ts ├── layouts/ # Page layouts │ ├── d...