@takuhii/bricks-nuxt

Nuxt 3 module for zero-config integration of the Bricks component library.

Installation

pnpm add @takuhii/bricks @takuhii/bricks-nuxt

Usage

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@takuhii/bricks-nuxt'],
})

That's it. All W* components are available globally in templates without imports.

What It Does

1. Registers all Bricks components globally — SSR-safe, no CSS-in-JS issues
2. Injects stylesheets — reset, styleguide, and theme CSS in the correct order
3. Provides theme CSS variables — :root custom properties for the default theme
4. Transpiles @takuhii/bricks-core — ensures Vite processes it correctly
5. Auto-imports composables — usePrice, useCarousel, useCloudinaryConfig, provideCloudinaryConfig
6. Adds component types — template intellisense for all W* components

Options

export default defineNuxtConfig({
  modules: ['@takuhii/bricks-nuxt'],
  bricks: {
    theme: 'default',          // Brand theme to apply
    globalComponents: true,    // Register all components globally
    composables: true,         // Auto-import composables
  },
})

License

MIT