Nuxt Core

What it does

This skill provides automated support for Nuxt.js development, specifically focusing on Nuxt 4 applications. It streamlines project setup, configuration (including nuxt.config.ts), routing, SEO implementation, and error handling. The skill also facilitates the generation of common components, composables, and pages, as well as deployment workflows.

When to use it

• Creating a new Nuxt 4 project from scratch.
• Generating basic page structures or Vue components within an existing project.
• Setting up routing configurations for your application.
• Configuring advanced options in nuxt.config.ts.
• Implementing authentication middleware for route protection.

Key capabilities

• Project initialization: Creates new Nuxt 4 projects using nuxi init.
• Component/Composable/Page generation: Adds pre-built components, composables, and pages with commands like nuxi add page, nuxi add component, and nuxi add composable.
• Development server management: Starts the development server (bun run dev) and builds production versions (bun run build).
• Type checking: Performs type checking using bunx nuxi typecheck.
• Directory structure guidance: Provides a clear overview of the Nuxt 4 project directory structure, including locations for assets, components, layouts, pages, plugins, and server-side code.

Example prompts

• "Create a new Nuxt project named 'my-app'."
• "Generate a page component called 'About'."
• "How do I configure routing in my Nuxt 4 application?"
• "Show me the default structure of a Nuxt 4 project."

Tips & gotchas

• Requires Node.js and Bun to be installed.
• The skill is specifically designed for Nuxt 4 applications; compatibility with other versions may vary.
• Refer to nuxt.config.ts for primary configuration options.