Nuxt.js Development Standards

Apply these standards when developing Nuxt.js 3 applications. For general Vue coding standards, also refer to the vue-development skill.

Prerequisites

This skill extends Vue.js development standards. Follow all Vue 3 Composition API guidelines unless specifically overridden here.

Nuxt-Specific Guidelines

Pages (File-Based Routing)

• Place all route pages in the pages/ directory
• File and folder names automatically define the route structure
• Use <script setup> at the top, followed by <template>, then <style scoped>
• Use TypeScript for all pages when possible

Example structure: