https://github.com/betterwrite/vue-providers
A simple collection of general-purpose directives for Vue 2/3.
https://github.com/betterwrite/vue-providers
directives vue vueuse
Last synced: about 1 month ago
JSON representation
A simple collection of general-purpose directives for Vue 2/3.
- Host: GitHub
- URL: https://github.com/betterwrite/vue-providers
- Owner: betterwrite
- Created: 2022-10-02T14:49:53.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-02T18:41:51.000Z (over 3 years ago)
- Last Synced: 2025-01-23T07:23:08.734Z (over 1 year ago)
- Topics: directives, vue, vueuse
- Language: TypeScript
- Homepage:
- Size: 19.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue Providers
A simple collection of general-purpose directives for Vue 2/3. Powered by [VueUse](https://vueuse.org/)
## Install
`yarn add vue-directive-providers`
## Use
in `src/main.(js|ts)`
```js
import { createApp } from "vue";
import { ProviderPlugin } from "vue-directive-providers";
import App from "./App.vue";
const app = createApp(App);
//...
app.use(ProviderPlugin);
//...
app.mount("#app");
```
## Directives
- `v-provider-arrows`
- `v-provider-close`
- `v-provider-focus`
- `v-provider-hover`
- `v-provider-outside`
- `v-provider-pressed`
### v-provider-arrows
```html
```
### v-provider-close
```html
```
### v-provider-focus
```html
```
### v-provider-hover
```html
```
### v-provider-outside
```html
```
### v-provider-pressed
```html
```