Nuxt Modules

Nuxt Module Development

Guide for creating Nuxt modules that extend framework functionality.

Related skills: nuxt (basics), vue (runtime patterns)

Quick Start

npx nuxi init -t module my-modulecd my-module && npm installnpm run dev        # Start playgroundnpm run dev:build  # Build in watch modenpm run test       # Run tests

Available Guidance

• references/development.md [blocked] - Module anatomy, defineNuxtModule, Kit utilities, hooks
• references/testing-and-publishing.md [blocked] - E2E testing, best practices, releasing, publishing
• references/ci-workflows.md [blocked] - Copy-paste CI/CD workflow templates

Loading Files

Consider loading these reference files based on your task:

• references/development.md [blocked] - if building module features, using defineNuxtModule, or working with Kit utilities
• references/testing-and-publishing.md [blocked] - if writing E2E tests, publishing to npm, or following best practices
• references/ci-workflows.md [blocked] - if setting up CI/CD workflows for your module

DO NOT load all files at once. Load only what's relevant to your current task.

Module Types

Project Structure

my-module/├── src/│   ├── module.ts           # Entry point│   └── runtime/            # Injected into user's app│       ├── components/│       ├── composables/│       ├── plugins/│       └── server/├── playground/             # Dev testing└── test/fixtures/          # E2E tests

Resources

• Module Guide
• Nuxt Kit
• Module Starter