https://github.com/saqqdy/directives-lib
Collection of common directives that support vue2 and vue3
https://github.com/saqqdy/directives-lib
Last synced: 5 months ago
JSON representation
Collection of common directives that support vue2 and vue3
- Host: GitHub
- URL: https://github.com/saqqdy/directives-lib
- Owner: saqqdy
- License: mit
- Created: 2024-01-20T03:19:50.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-21T23:40:28.000Z (12 months ago)
- Last Synced: 2024-10-29T20:57:38.993Z (12 months ago)
- Language: TypeScript
- Homepage: https://www.saqqdy.com/directives-lib
- Size: 1.52 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# directives-lib
Collection of common directives that support vue2 and vue3
[![NPM version][npm-image]][npm-url]
[![Codacy Badge][codacy-image]][codacy-url]
[![tree shaking][tree-shaking-image]][tree-shaking-url]
![typescript][typescript-url]
[![Test coverage][codecov-image]][codecov-url]
[![npm download][download-image]][download-url]
[![gzip][gzip-image]][gzip-url]
[![License][license-image]][license-url]
[![Sonar][sonar-image]][sonar-url]
### **[Documentation](https://www.saqqdy.com/directives-lib)** • **[Change Log](./CHANGELOG.md)**
- [directivesLib](#directives-lib)
- [Experience online](#experience-online)
- [Installation](#installation)
- [Usage](#usage)
- [Use in Vue >=3.0](#use-in-vue-30)
- [Use in Vue 2.x](#use-in-vue-2x)
- [Using unpkg CDN](#using-unpkg-cdn)
- [Support & Issues](#support--issues)
- [License](#license)
## Experience online
Experience the directives-lib features online [Edit in CodeSandbox](https://codesandbox.io/p/sandbox/github/saqqdy/directives-lib/tree/master/examples)
## Installing
```bash
# use pnpm
$ pnpm install directives-lib
# use npm
$ npm install directives-lib --save
```
## Usage
### Use in Vue `>=3.0`
```vue
import { createApp } from 'vue'
import directives from 'directives-lib'
import App from './App.vue'
const app = createApp(App)
app.use(directives)
app.mount('#app')
```
### Use in Vue `2.x`
```vue
import Vue from 'vue'
import directives from 'directives-lib'
import App from './App.vue'
Vue.use(directives)
new Vue({
render: h => h(App)
}).$mount('#app')
```
### Using unpkg CDN
```html
```
## Support & Issues
Please open an issue [here](https://github.com/saqqdy/directives-lib/issues).
## License
[MIT](LICENSE)
[npm-image]: https://img.shields.io/npm/v/directives-lib.svg?style=flat-square
[npm-url]: https://npmjs.org/package/directives-lib
[codacy-image]: https://app.codacy.com/project/badge/Grade/f70d4880e4ad4f40aa970eb9ee9d0696
[codacy-url]: https://www.codacy.com/gh/saqqdy/directives-lib/dashboard?utm_source=github.com&utm_medium=referral&utm_content=saqqdy/directives-lib&utm_campaign=Badge_Grade
[tree-shaking-image]: https://badgen.net/bundlephobia/tree-shaking/directives-lib
[tree-shaking-url]: https://bundlephobia.com/package/directives-lib
[typescript-url]: https://badgen.net/badge/icon/typescript?icon=typescript&label
[codecov-image]: https://img.shields.io/codecov/c/github/saqqdy/directives-lib.svg?style=flat-square
[codecov-url]: https://codecov.io/github/saqqdy/directives-lib?branch=master
[download-image]: https://img.shields.io/npm/dm/directives-lib.svg?style=flat-square
[download-url]: https://npmjs.org/package/directives-lib
[gzip-image]: http://img.badgesize.io/https://unpkg.com/directives-lib/dist/index.global.prod.js?compression=gzip&label=gzip%20size:%20JS
[gzip-url]: http://img.badgesize.io/https://unpkg.com/directives-lib/dist/index.global.prod.js?compression=gzip&label=gzip%20size:%20JS
[license-image]: https://img.shields.io/badge/License-MIT-blue.svg
[license-url]: LICENSE
[sonar-image]: https://sonarcloud.io/api/project_badges/quality_gate?project=saqqdy_directives-lib
[sonar-url]: https://sonarcloud.io/dashboard?id=saqqdy_directives-lib