Simple Web Library

一个简单的组件库示例，用于演示如何构建一个具有国际化支持的 Vue 3 组件库，并使用 VitePress 编写文档。

特性

• Vue 3 支持: 使用 Composition API 和最新的 Vue 3 特性
• 国际化: 基于 vue-i18n 的完整国际化支持
• VitePress 文档: 使用 VitePress 构建美观的文档站点
• TypeScript: 完整的 TypeScript 支持
• 按需加载: 支持按需加载组件

安装

npm install simple-web-lib

使用

完整引入

import { createApp } from 'vue'
import SimpleWebLib from 'simple-web-lib'
import 'simple-web-lib/dist/style.css'

import App from './App.vue'

const app = createApp(App)

app.use(SimpleWebLib)
app.mount('#app')

按需引入

import { createApp } from 'vue'
import { SimpleButton, SimpleCard } from 'simple-web-lib'
import 'simple-web-lib/dist/style.css'

import App from './App.vue'

const app = createApp(App)

// 分别安装组件
app.use(SimpleButton)
app.use(SimpleCard)

app.mount('#app')

开发

# 安装依赖
npm install

# 启动文档站点
npm run docs:dev

# 构建文档
npm run docs:build

# 构建组件库
npm run lib:build

许可证

MIT