@baoyog/design-vue

Baoyog Design Vue is a Vue 3 component library for enterprise applications.

Installation

pnpm add @baoyog/design-vue

Usage

import { createApp } from 'vue'
import BaoyogDesign from '@baoyog/design-vue'
import '@baoyog/design-vue/dist/index.css'
import App from './App.vue'

createApp(App).use(BaoyogDesign).mount('#app')

Components use the By prefix. For example:

<template>
  <ByButton type="primary">保存</ByButton>
</template>

AI Metadata

The package exposes a machine-readable component catalog:

import {
  componentMetadata,
  getComponentMetadata
} from '@baoyog/design-vue/metadata'

const selectMetadata = getComponentMetadata('BySelect')
console.log(selectMetadata?.typeDeclaration)
console.log(componentMetadata)

Use the published TypeScript declarations as the source of truth for props, events, slots, and component types. Do not infer unsupported APIs from other UI libraries.

Requirements

• Vue ^3.4.0

Documentation

See the component documentation in the Baoyog Design project.