# vue-hooks-d

**Repository Path**: Jsdon/vue-hooks-d

## Basic Information

- **Project Name**: vue-hooks-d
- **Description**: 一组基于 Vue 3 的实用 Hooks 工具集合，支持组合式 API，简洁高效。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-27
- **Last Updated**: 2025-05-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-hooks-d

🌱 一组基于 Vue 3 的实用 Hooks 工具集合，支持组合式 API，简洁高效。

## 📦 安装

```bash
npm install vue-hooks-d
# 或
yarn add vue-hooks-d
````

## 🔧 使用方式

```ts
import { useBoolean } from 'vue-hooks-d'

const { bool, setTrue, setFalse, toggle } = useBoolean()


// 现在需要写一个插件 自动导入hook  就像 element-plus 提供了 unplugin-element-plus

// packages/unplugin-vue-hooks-d/index.ts
import { createUnplugin } from 'unplugin'

export const VueHooksDResolver = () => {
  return {
    type: 'component',
    resolve: (name: string) => {
      if (['useBoolean', 'useWindowSize'].includes(name)) {
        return {
          name,
          from: 'vue-hooks-d'
        }
      }
    },
  }
}

export default createUnplugin(() => {
  return {
    name: 'unplugin-vue-hooks-d',
    vite: {
      // 插件逻辑
    }
  }
})

```






## 📚 已封装 Hooks

* `useBoolean`：布尔状态管理
* `useWindowSize`：监听窗口大小变化
* …更多 Hook 敬请期待

## 🛠 构建方式

本项目使用 `tsup` 作为打包工具：

```bash
npm run build
```

## 📤 发布流程

```bash
# 修改版本号
npm version patch # 或 minor / major

# 构建
npm run build

# 发布
npm publish --access public
```

## 💡 贡献指南

欢迎提 Issue 或 PR！

## 📄 License

[ISC](./LICENSE)

```

---

你可以根据实际包含的 hooks 名单和功能继续扩展。如果你希望生成一个包含 badges、使用截图、或中文文档版本的 README，我也可以帮你生成：[添加徽章和示例](f) 或 [生成中文说明文档](f)。
```