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.