open-index/open-npm huggingface dataset:
npm package: @manzhixing/themes
Description: vue3xy&reactxy 主题样式
Author: chengbotao
Latest version: 1.0.0

# @manzhixing/themes

> **主题包**

## Install

```bash
npm install @manzhixing/themes

# OR

yarn add @manzhixing/themes
```

## Usage

```ts
// 全量引入
import '@manzhixing/themes';

// 差量使用
import '@manzhixing/themes/dist/button.css';
```

## License

> **MIT**
npm package: @manzhixing/vite-plugin-svg-sprite-gen
Description: SVG Sprite Generator for Vite
Author: chengbotao
Latest version: 1.0.1

# vite-plugin-svg-sprite-gen
> **SVG Sprite Generator for Vite**

## Install

```bash
npm install vite-plugin-svg-sprite-gen -D

# OR

yarn add vite-plugin-svg-sprite-gen -D

# OR

pnpm add vite-plugin-svg-sprite-gen -D

```

## Usage

### 基础用法

1. 在 `vite.config.ts` 中引入插件
```ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import SVGSpriteGen from 'vite-plugin-svg-sprite-gen'

export default defineConfig({
    plugins: [vue(), SvgSpriteGen()]
})
```
2. 在 `main.ts` 中引入虚拟模块
```ts
import 'virtual:svg-sprite-gen'
```

3. 在 `.vue` 文件中使用
```html
<template>
    <svg>
        <use xlink:href="#home" href="#home"></use>
    </svg>  
</template>
```

### 配置选项

```ts
// ...
import SVGSpriteGen from 'vite-plugin-svg-sprite-gen'

export default defineConfig({
    plugins: [vue(), SvgSpriteGen({
        // 配置选项
    })]
})
```

1. **include**
    > 需要生成 SVG 精灵的文件路径列表

    类型: `string[]`  
    默认值: `['**/*.svg']`
2. **exclude**
    > 不需要生成 SVG 精灵的文件路径列表

    类型: `string[]`  
    默认值: `['**/node_modules/**', '**/dist/**']`
3. **svgoConf**
    > SVGO 配置，可以是一个布尔值或 SVGO 配置对象

    类型: `boolean | Config`  
    默认值: `true`  
    说明: 如果为 `true`，可以在项目根目录下创建一个 `svgo.config.js` 文件，然后导出一个 SVGO 配置对象
4. **symbolId**
    > SVG 精灵中每个图标的 ID 前缀

    类型: `string`  
    默认值: `[name]`  
    说明: 必须包含 [name] 这个占位符，它将被替换为实际的文件名或图标名称，用于动态生成唯一的 ID。  
    示例: 文件为 `home.vue` 配置为 `icon-[name]`，那么生成的id为`icon-home`
5. **output**
    > SVG 精灵文件的输出路径

    类型: `string`  
    默认值: `sprite.svg`
6. **mode**
    > SVG 精灵的加载方式，可以是 'virtual' 或 'inline'

    类型: `'virtual' | 'inline'`  
    默认值: `'virtual'`
    说明: `inline` 模式下，会在 `HTML` 文件中注入 `SVG 精灵`,无需引入虚拟模块直接使用

## License

> **MIT**
npm package: @manzhixing/vue3xy
Description: > **Vue3 组件库**
Author: chengbotao
Latest version: 1.0.0

# @manzhixing/vue3xy

> **Vue3 组件库**

## Install

```bash
npm install @manzhixing/vue3xy
# OR
yarn add @manzhixing/vue3xy
```

### 安装主题包

```bash
npm install @manzhixing/themes
# OR
yarn add @manzhixing/themes
```

## Usage

### 全量引入

```ts
// 全量引入
import { createApp } from "vue";
import vue3xy from "@manzhixing/vue3xy";
import "@manzhixing/themes";
import App from "./App.vue";

createApp(App).use(vue3xy).mount("#app");
```

### 按需引入

```ts
import { createApp } from "vue";
import { xyButton } from "@manzhixing/vue3xy";
import "@manzhixing/themes/dist/button.css";
import App from "./App.vue";

createApp(App).use(xyButton).mount("#app");
```

## Docs

[文档地址](https://chengbotao.github.io/vue3xy/)

## License

> **MIT**
npm package: @manzi0001/e-dash
Description: quick dashboard for user packages
Author: Manzi Prince
Latest version: 2.0.3

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
npm package: @manzi0001/e-dashboard
Description: quick dashboard for user packages
Author: Manzi Prince
Latest version: 1.0.1

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.