Nuxt Conventions

This skill collects conventions for building Nuxt applications. It covers Nuxt runtime behavior, Nitro server routes, data fetching, and typing patterns that rely on Nuxt's build-time integration.

Treat it as the home for Nuxt-specific rules. Non-Nuxt Vue component conventions — component structure, props, emits, styling — belong elsewhere.

Conventions

Each convention below is a self-contained rule. Apply the rules that match the task. When new Nuxt-specific patterns become stable, add them here as additional sections.

Import Nuxt APIs from #imports

When a Nuxt file needs framework APIs, import them explicitly from #imports, never from #app.

Rules:

• With auto-imports disabled, every Nuxt composable still needs an explicit import.
• Import Nuxt runtime APIs such as useRoute, useFetch, navigateTo, definePageMeta, useState, and useCookie from #imports.
• Do not move this guidance into the Vue component skill. It is Nuxt-specific and belongs here.