mirror of
https://github.com/tenrok/maska.git
synced 2026-06-20 20:00:34 +03:00
Add example of usage as Nuxt plugin
This commit is contained in:
@@ -267,6 +267,24 @@ Vue.directive("maska", vMaska)
|
|||||||
Vue.directive("maska", Maska.vMaska)
|
Vue.directive("maska", Maska.vMaska)
|
||||||
```
|
```
|
||||||
<!-- tabs:end -->
|
<!-- tabs:end -->
|
||||||
|
|
||||||
|
## **Nuxt 3**
|
||||||
|
|
||||||
|
To use Maska in Nuxt 3 you can make a simple plugin. Create file `maska.ts` in `plugins` folder:
|
||||||
|
|
||||||
|
``` ts
|
||||||
|
import { vMaska } from "maska"
|
||||||
|
|
||||||
|
export default defineNuxtPlugin((nuxtApp) => {
|
||||||
|
nuxtApp.vueApp.directive("maska", vMaska)
|
||||||
|
})
|
||||||
|
```
|
||||||
|
|
||||||
|
Now you can use `v-maska` directive in your app:
|
||||||
|
|
||||||
|
``` html
|
||||||
|
<input v-model="value" v-maska data-maska="#-#" />
|
||||||
|
```
|
||||||
<!-- tabs:end -->
|
<!-- tabs:end -->
|
||||||
|
|
||||||
# Options
|
# Options
|
||||||
|
|||||||
Reference in New Issue
Block a user