mirrors/maska
2
0
Fork 0
mirror of https://github.com/tenrok/maska.git synced 2026-06-20 20:00:34 +03:00
Code Activity

Merge pull request #219 from parkejunior/master

Browse Source 
docs: use "maska/vue" instead "maska" on vue usage page
This commit is contained in:
Alexander Shabunevich
2024-06-05 18:26:23 +03:00
committed by GitHub
parent e2ca8dca17 721507bea8
commit b3e8fa052f
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 ```vue
<script setup> <script setup>
import { vMaska } from "maska" import { vMaska } from "maska/vue"
</script> </script>
<template> <template>
@@ -34,7 +34,7 @@ Import `vMaska` directive and apply it to the input along with `data-maska` attr
```vue ```vue
<script> <script>
import { vMaska } from "maska" import { vMaska } from "maska/vue"
export default { export default {
directives: { maska: vMaska } directives: { maska: vMaska }
@@ -58,7 +58,7 @@ To set default [options](/options) for the mask, pass options via **directive va
```vue ```vue
<script setup> <script setup>
import { reactive } from "vue" import { reactive } from "vue"
import { vMaska } from "maska" import { vMaska } from "maska/vue"
// could be plain object too // could be plain object too
const options = reactive({ const options = reactive({
@@ -76,7 +76,7 @@ To set default [options](/options) for the mask, pass options via **directive va
```vue ```vue
<script> <script>
import { vMaska } from "maska" import { vMaska } from "maska/vue"
export default { export default {
directives: { maska: vMaska }, directives: { maska: vMaska },
@@ -110,7 +110,7 @@ To get masked value you can use standard `v-model` directive on the input. But i
```vue ```vue
<script setup> <script setup>
import { ref } from "vue" import { ref } from "vue"
import { vMaska } from "maska" import { vMaska } from "maska/vue"
const maskedvalue = ref('') const maskedvalue = ref('')
const unmaskedvalue = 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 ```vue
<script> <script>
import { vMaska } from "maska" import { vMaska } from "maska/vue"
export default { export default {
directives: { maska: vMaska }, 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: To use Maska in Nuxt 3 you can make a simple plugin. Create file `maska.ts` in `plugins` folder:
```js ```js
import { vMaska } from "maska" import { vMaska } from "maska/vue"
export default defineNuxtPlugin((nuxtApp) => { export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.directive("maska", vMaska) nuxtApp.vueApp.directive("maska", vMaska)
@@ -177,7 +177,7 @@ Now you can use v-maska directive in your app:
```js ```js
import { createApp } from "vue" import { createApp } from "vue"
import { vMaska } from "maska" import { vMaska } from "maska/vue"
createApp({}).directive("maska", vMaska) createApp({}).directive("maska", vMaska)
@@ -189,7 +189,7 @@ Vue.createApp({}).directive("maska", Maska.vMaska)
```js ```js
import Vue from "vue" import Vue from "vue"
import { vMaska } from "maska" import { vMaska } from "maska/vue"
Vue.directive("maska", vMaska) Vue.directive("maska", vMaska)