# mohen-vueuse

> 个人封装的vue3公共方法

Latest version **1.0.2-1** (published 2021-10-03) · 0 weekly downloads

## Install

```sh
npm install mohen-vueuse
pnpm add mohen-vueuse
yarn add mohen-vueuse
bun add mohen-vueuse
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2-1 |
| Published | 2021-10-03 |
| First published | 2021-09-08 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 309.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | yangzhihao03 |

## Links

- npm: https://www.npmjs.com/package/mohen-vueuse
- npm.io page: https://npm.io/package/mohen-vueuse

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^3.0.5

## Recent versions

- 1.0.2-1 (latest) — 2021-10-03
- 1.0.2 — 2021-10-03
- 1.0.1 — 2021-09-08
- 1.0.0 — 2021-09-08
- 0.0.9 — 2021-09-08
- 0.0.8 — 2021-09-08
- 0.0.7 — 2021-09-08
- 0.0.6 — 2021-09-08
- 0.0.5 — 2021-09-08
- 0.0.4 — 2021-09-08
- 0.0.3 — 2021-09-08
- 0.0.2 — 2021-09-08
- 0.0.1 — 2021-09-08

## README

# Get started

mohen-vueuse is a collection of utility functions based on Composition API. We assume you are already familiar with the basic ideas of Composition API before you continue.


<p align="center">
<a href="https://www.npmjs.com/package/mohen-vueuse" target="__blank"><img src="https://img.shields.io/npm/v/mohen-vueuse?color=a1b858&label=" alt="NPM version"></a>
<a href="https://www.npmjs.com/package/mohen-vueuse" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/mohen-vueuse?color=50a36f&label="></a>
<br>
<a href="https://github.com/251205668/mohen-vueuse" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/251205668/mohen-vueuse?style=social"></a>
</p>

## Installation

```shell
npm i mohen-vueuse
```

## Usage Example

```typescript
import { useMouse, usePreferredDark, useLocalStorage } from 'mohen-vueuse'

export default {
  setup() {
    // tracks mouse position
    const { x, y } = useMouse()

    // is user prefers dark theme
    const isDark = usePreferredDark()

    // persist state in localStorage
    const store = useLocalStorage(
      'my-storage',
      {
        name: 'Apple',
        color: 'red',
      },
    )

    return { x, y, isDark, store }
  }
}
```

---
_Source: https://npm.io/package/mohen-vueuse · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._