nuxt-module

Integrate nuxt-charts into Nuxt projects for auto-imported chart components.

427|25|Updated Mar 16, 2025
One-click install
npx skills add https://github.com/dennisadriaans/vue-chrts --skill nuxt-module
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-module
Source: https://github.com/dennisadriaans/vue-chrts/tree/main/.claude/skills/nuxt-module
Command: npx skills add https://github.com/dennisadriaans/vue-chrts --skill nuxt-module

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Nuxt-charts module provides auto-imported chart components for Nuxt projects, simplifying the integration of vue-chrts charts into Nuxt applications.

Core Features & Use Cases

  • Auto-imported components: LineChart, BarChart, AreaChart, DonutChart and more, enabling rapid dashboards.
  • Type-safe usage with enums and types for consistent configuration.
  • Use Case: Build a Nuxt-based analytics dashboard that renders multiple charts with minimal setup and no explicit imports.

Quick Start

Install the module and configure Nuxt to enable it: pnpm add nuxt-charts export default defineNuxtConfig({ modules: ['nuxt-charts'] })

Frequently Asked Questions about nuxt-module

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add charts to a Nuxt project without manual imports?▼

Adding charts to a Nuxt project without manual imports requires installing the nuxt-charts module and registering it in nuxt.config.ts. This enables auto-imported components like LineChart and BarChart for immediate use in Vue templates.

What chart types are available for data visualization in Nuxt apps?▼

Available chart types for data visualization in Nuxt apps include LineChart, BarChart, AreaChart, and DonutChart. These components are auto-imported by the nuxt-charts module and come with ready-to-use enums and types.

How do I configure the nuxt-charts module in nuxt.config.ts?▼

Configuring the nuxt-charts module in nuxt.config.ts involves adding 'nuxt-charts' to the modules array. After installation via npm or pnpm, this registration activates auto-imported chart components across the Nuxt application.

Does this Nuxt chart module provide TypeScript types and enums?▼

The Nuxt chart module provides TypeScript types and enums for type-safe configuration. This ensures consistent setup when using auto-imported components like LineChart and DonutChart in Vue templates.

Can I use auto-imported chart components to build a Nuxt analytics dashboard?▼

Auto-imported chart components can be used to build a Nuxt analytics dashboard with minimal setup. The module supplies visualization components like AreaChart and BarChart that render quickly without explicit imports.

Do I need to install vue-charts separately to use Nuxt chart components?▼

Installing vue-charts separately is not required because the nuxt-charts module handles the integration. Running pnpm add nuxt-charts and configuring nuxt.config.ts provides the necessary auto-imported visualization components.