@will-ui/vue

@will-ui/vue

Vue 3 UI component library (TypeScript + JSX). Design tokens and component CSS are embedded under dist/theme at publish time.

Install

npm install -S @will-ui/vue vue vue-i18n

Usage

import { createApp } from 'vue'
import UI, { Btn } from '@will-ui/vue'
import '@will-ui/vue/style.css'

const app = createApp(App)
app.use(UI, {
  locale: 'zh-CN',
  components: {
    Btn: { type: 'primary' },
  },
})
app.mount('#app')

On-demand:

import { Btn, Write } from '@will-ui/vue'
import '@will-ui/vue/style.css'

Theme tokens only:

import '@will-ui/vue/theme.css'

Tailwind CSS v4

业务项目若同时使用 Tailwind v4，可用 @theme inline 把全局 --w-* 桥进原子类（库不随包提供桥接 CSS，配置需复制到业务侧）。完整步骤与可复制配置见 TAILWIND.md。

Peer dependencies

• vue ^3.5
• vue-i18n ^9 || ^10