Frontend Vue/Nuxt Conventions

This skill provides specific conventions for Vue 3 and Nuxt 3 frontend development.

When to Use

• Use this skill when working on Vue 3 or Nuxt 3 projects
• Use this skill when creating new components, composables, or pages
• This skill builds upon project-standards skill

Instructions

1. Syntax & Composition API

Script Setup (Mandatory)

Always use <script setup lang="ts">.

<script setup lang="ts">
import { ref, computed } from 'vue';