mirrors/maska
2
0
Fork 0
mirror of https://github.com/tenrok/maska.git synced 2026-05-15 11:59:38 +03:00
Code Activity

docs: use "maska/vue" instead "maska" on vue usage page

Browse Source
This commit is contained in:
Patrick Luan
2024-06-05 10:05:18 -03:00
committed by GitHub
parent e2ca8dca17
commit 721507bea8
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/v3/vue.md
+9 -9
View File
@@ -22,7 +22,7 @@ Import `vMaska` directive and apply it to the input along with `data-maska` attr
```vue
<script setup>
import { vMaska } from "maska"
import { vMaska } from "maska/vue"
</script>
<template>
@@ -34,7 +34,7 @@ Import `vMaska` directive and apply it to the input along with `data-maska` attr
```vue
<script>
import { vMaska } from "maska"
import { vMaska } from "maska/vue"
export default {
directives: { maska: vMaska }
@@ -58,7 +58,7 @@ To set default [options](/options) for the mask, pass options via **directive va
```vue
<script setup>
import { reactive } from "vue"
import { vMaska } from "maska"
import { vMaska } from "maska/vue"
// could be plain object too
const options = reactive({
@@ -76,7 +76,7 @@ To set default [options](/options) for the mask, pass options via **directive va
```vue
<script>
import { vMaska } from "maska"
import { vMaska } from "maska/vue"
export default {
directives: { maska: vMaska },
@@ -110,7 +110,7 @@ To get masked value you can use standard `v-model` directive on the input. But i
```vue
<script setup>
import { ref } from "vue"
import { vMaska } from "maska"
import { vMaska } from "maska/vue"
const maskedvalue = ref('')
const unmaskedvalue = ref('')
@@ -128,7 +128,7 @@ To get masked value you can use standard `v-model` directive on the input. But i
```vue
<script>
import { vMaska } from "maska"
import { vMaska } from "maska/vue"
export default {
directives: { maska: vMaska },
@@ -156,7 +156,7 @@ To get masked value you can use standard `v-model` directive on the input. But i
To use Maska in Nuxt 3 you can make a simple plugin. Create file `maska.ts` in `plugins` folder:
```js
import { vMaska } from "maska"
import { vMaska } from "maska/vue"
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.directive("maska", vMaska)
@@ -177,7 +177,7 @@ Now you can use v-maska directive in your app:
```js
import { createApp } from "vue"
import { vMaska } from "maska"
import { vMaska } from "maska/vue"
createApp({}).directive("maska", vMaska)
@@ -189,7 +189,7 @@ Vue.createApp({}).directive("maska", Maska.vMaska)
```js
import Vue from "vue"
import { vMaska } from "maska"
import { vMaska } from "maska/vue"
Vue.directive("maska", vMaska)