Create a Nuxt component following docs/ARCHITECTURE.md section 5.

Component: $ARGUMENTS

Steps

1. Read docs/ARCHITECTURE.md section 5.

2. Determine the type:

   • Feature component -> modules/[module]/components/ComponentName.vue
   • Shared component -> components/ComponentName.vue (auto-imported)
   • Page -> pages/[route]/index.vue (file-based routing)

3. Create the component with the standard template:

<script setup lang="ts">
// In Nuxt, Vue APIs and composables are auto-imported
// NO import statements needed for ref, computed, watch, etc.

interface Props {
  // type all props
}

interface Emits {
  // type all emits
}

const props = defineProps<Props>()
const emit = defineEmits<Emits>()

// composables, state, computed, handlers...
</script>

<template>
  <!-- clean template, < 100 lines -->
</template>

<style scoped>
/* styles */
</style>

4. Checklist:

   • <script setup lang="ts"> ✅
   • Type-based props ✅
   • Type-based emits ✅
   • Auto-imports (no explicit Vue/composable imports) ✅
   • < 200 lines ✅
   • PascalCase.vue ✅

5. Validate: nuxi typecheck