@takuhii/bricks

The all-in-one package for the Bricks Vue 3 component library. Includes everything from @takuhii/bricks-core plus a default theme and data defaults.

Installation

pnpm add @takuhii/bricks

This is all you need — it pulls in @takuhii/bricks-core and @takuhii/bricks-tokens as dependencies.

Usage

import { WButton, WHeader, WFooter, defaultTheme } from '@takuhii/bricks'
import '@takuhii/bricks-core/styles'

What's Included

Everything from @takuhii/bricks-core (72+ components, composables, types) plus:

• defaultTheme — a ready-to-use BrandTheme object
• Data defaults — sensible starting data for common page shell elements:
  • defaultFooterColumns
  • defaultSocialLinks
  • defaultPaymentIcons
  • defaultCopyright
  • defaultToolbarItems
  • defaultHeaderActions
  • defaultUSPItems

Quick Start

<script setup>
import {
  WHeader,
  WFooter,
  WThemeProvider,
  defaultTheme,
  defaultFooterColumns,
  defaultHeaderActions,
} from '@takuhii/bricks'
</script>

<template>
  <WThemeProvider :theme="defaultTheme">
    <WHeader :actions="defaultHeaderActions" />
    <main>
      <slot />
    </main>
    <WFooter :columns="defaultFooterColumns" />
  </WThemeProvider>
</template>

Nuxt 3

For Nuxt integration with auto-registered components:

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

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

License

MIT