v2.2.0 - Nuxt Support

What's New

Nuxt Support

BoldKit now officially supports Nuxt! All Vue components are fully compatible with Nuxt's SSR.

Features

• Complete Nuxt Installation Guide - Step-by-step setup with shadcn-nuxt module
• SSR Compatibility Documentation - Clear guidance on which components need <ClientOnly> wrapper
• SSR Hydration Fix - VueUse-based solution for preventing hydration mismatches

Components Requiring ClientOnly

The following components require <ClientOnly> wrapper in Nuxt for SSR compatibility:

• Drawer (vaul-vue)
• Sonner (vue-sonner)
• Command (search functionality)
• Calendar (date picker)
• Charts (vue-echarts)

Documentation Updates

• Added Nuxt badge to homepage
• Updated README with Nuxt installation section
• Added Nuxt warnings to component documentation pages
• Updated awesome-vue entry to mention Nuxt support

Other Changes

• Added styles.json to React registry for complete CLI support
• Version-agnostic Nuxt references (supports Nuxt 3 & 4)

Installation

Nuxt

# 1. Add shadcn-nuxt module
npx nuxi@latest module add shadcn-nuxt

# 2. Initialize shadcn-vue
npx shadcn-vue@latest init

# 3. Install BoldKit components
npx shadcn-vue@latest add https://boldkit.dev/r/vue/button.json

See the full installation guide for details.

Full Changelog: v2.1.0...v2.2.0