Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/InhiblabCore/vue-hooks-plus
High performance & Simplicity ๐งฒ Vue 3 Hooks library
https://github.com/InhiblabCore/vue-hooks-plus
hooks-library typescript vue-hooks-library vue-hooks-plus vue3
Last synced: about 2 months ago
JSON representation
High performance & Simplicity ๐งฒ Vue 3 Hooks library
- Host: GitHub
- URL: https://github.com/InhiblabCore/vue-hooks-plus
- Owner: InhiblabCore
- License: mit
- Created: 2022-03-30T09:44:21.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-10-08T08:30:20.000Z (3 months ago)
- Last Synced: 2024-10-28T06:07:13.467Z (about 2 months ago)
- Topics: hooks-library, typescript, vue-hooks-library, vue-hooks-plus, vue3
- Language: TypeScript
- Homepage: https://InhiblabCore.github.io/docs/hooks
- Size: 3.92 MB
- Stars: 1,641
- Watchers: 9
- Forks: 104
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# VueHooks Plus
English | [็ฎไฝไธญๆ](https://github.com/InhiblabCore/vue-hooks-plus/tree/master/README.zh-CN.md)
High performance & Simplicity Vue3 Hooks library
## โจ Features
- ๐๐ผโโ๏ธ Easy to learn and use
- ๐ Supports SSR
- ๐ธ Contains a comprehensive collection of basic Hooks
- ๐๏ธ A wide range of application scenarios
- ๐ฆพ Preferred useRequest, Powerful request middle tier
- ๐ช Interactive demo, immersive
- ๐ฏ Written in TypeScript with predictable static types
- ๐ช Support the on-demand load, and reduce the packing volume
- ๐คบ Playground, there's ample scope for one's abilities
- ๐ Perfect test, safe and reliable
## ๐ฆ Install
```bash
npm i vue-hooks-plus
```
### CDN
```html
```
It will be exposed to global as `VueHooks_Plus`
## ๐คนโโ๏ธ Usage
```typescript
import { useRequest } from 'vue-hooks-plus'
```
Introduced on demand
```typescript
import useRequest from 'vue-hooks-plus/es/useRequest'
```
Auto Import
Vite
```ts
import AutoImport from 'unplugin-auto-import/vite'
import { VueHooksPlusResolver } from '@vue-hooks-plus/resolvers'
export const AutoImportDeps = () =>
AutoImport({
imports: ['vue', 'vue-router'],
include: [/\.[tj]sx?$/, /\.vue$/, /\.vue\?vue/, /\.md$/],
dts: 'src/auto-imports.d.ts',
resolvers: [VueHooksPlusResolver()],
})
```
Webpack
```ts
const { VueHooksPlusResolver } = require('@vue-hooks-plus/resolvers')
module.exports = {
/* ... */
plugins: [
require('unplugin-auto-import/webpack')({
imports: ['vue', 'vue-router'],
include: [/\.[tj]sx?$/, /\.vue$/, /\.vue\?vue/, /\.md$/],
dts: 'src/auto-imports.d.ts',
resolvers: [VueHooksPlusResolver()],
}),
],
}
```
For other supported tools, please see [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import)
### Globalization Documentations
- [English Documentations](https://inhiblabcore.github.io/docs/hooks/en)
- [ไธญๆๆๆกฃ](https://inhiblabcore.github.io/docs/hooks)
### Example
- [Vue Admin Novel](https://github.com/NelsonYong/vue-admin-novel)
- [Nuxt 3](https://github.com/InhiblabCore/vue-hooks-plus-example/tree/main/nuxt3)
- [Vite + Vue 3](https://github.com/InhiblabCore/vue-hooks-plus-example/tree/main/vite-vue3)
- [Webpack + Vue 3](https://github.com/InhiblabCore/vue-hooks-plus-example/tree/main/webpack-vue3)
## ๐คฉ Awesome
### Template
- [Ray Template](https://github.com/XiaoDaiGua-Ray/ray-template)
## ๐ชด Project Activity
### Contributing
Welcome to join us! You can check out the [Contributing Guide](./CONTRIBUTING.md) to learn how to get started.
### Contributors
Thanks for all their contributions ๐ !
## ๐ธ Thanks
This project is heavily inspired by the following awesome projects.
- [ahooks](https://ahooks.js.org/)
- [@koale/useworker](https://github.com/alewin/useWorker)
## ๐ License
[MIT License](https://github.com/InhiblabCore/vue-hooks-plus/blob/master/LICENSE) ยฉ 2022-PRESENT [YongGit](https://github.com/NelsonYong)