open-index/open-npm huggingface dataset:
npm package: @luke.zhu/uni-util
Description: cats-uni-util
Latest version: 1.0.0

# Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
npm package: @luke358/float-button
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.0.4

# React + TypeScript + 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/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @luke358/remote-component
Description: 基于 `vite + react + typescript + pnpm` 的组件库起步模板。
Latest version: 0.1.0

# remote-component

基于 `vite + react + typescript + pnpm` 的组件库起步模板。

## 开发

```bash
pnpm install
pnpm dev
```

## 构建

```bash
pnpm build
```

构建后会得到：

- `dist/types`：组件类型声明
- `dist/umd/*.umd.js`：每个组件单独的 UMD 文件
- `dist/umd/manifest.json`：组件名、UMD 文件名和全局访问路径映射

## 组件目录约定

每个组件放在 `src/components/<ComponentName>` 下，并通过 `index.ts` 作为组件入口，构建脚本会自动扫描并输出：

```text
src/components/Button/Button.tsx
src/components/Button/index.ts
-> dist/umd/button.umd.js
```

## UMD 使用说明

UMD 产物默认把 `react` 和 `react-dom` 作为外部依赖处理，所以在浏览器里直接使用时，需要先注入 React 对应的脚本，再加载你的组件文件。

当前所有组件都会挂到统一的全局对象 `xxx` 上。例如：

```text
button.umd.js -> window.xxx.Button
```