diff --git a/docs/README.md b/docs/README.md index 1053835..41756fb 100644 --- a/docs/README.md +++ b/docs/README.md @@ -153,15 +153,15 @@ import { reactive, ref } from "vue" import { vMaska } from "maska" const maskedValue = ref('') -const bindedObject = reactive({}) +const boundObject = reactive({}) ``` @@ -175,7 +175,7 @@ export default { directives: { maska: vMaska }, data: () => ({ maskedValue: "", - bindedObject: { + boundObject: { masked: "", unmasked: "", completed: false @@ -185,11 +185,11 @@ export default { ``` @@ -245,7 +245,7 @@ export default { You can set options and bind to an object at the same time: ``` html - + ``` #### Global registration of directive diff --git a/src/directive.ts b/src/directive.ts index 68b7c63..2e8bfcd 100644 --- a/src/directive.ts +++ b/src/directive.ts @@ -31,11 +31,11 @@ export const vMaska: MaskaDirective = (el, binding) => { } if (binding.value != null) { - const binded = binding.value + const bound = binding.value const onMaska = (detail: MaskaDetail): void => { - binded.masked = detail.masked - binded.unmasked = detail.unmasked - binded.completed = detail.completed + bound.masked = detail.masked + bound.unmasked = detail.unmasked + bound.completed = detail.completed } opts.onMaska = diff --git a/test/components/BindInitial.vue b/test/components/BindInitial.vue index 236f2c7..8da8ab8 100644 --- a/test/components/BindInitial.vue +++ b/test/components/BindInitial.vue @@ -2,10 +2,10 @@ import { reactive } from 'vue' import { MaskaDetail, vMaska } from '../../src' -const binded = reactive>({}) +const bound = reactive>({}) diff --git a/test/components/BindMasked.vue b/test/components/BindMasked.vue index 750cc08..9817b27 100644 --- a/test/components/BindMasked.vue +++ b/test/components/BindMasked.vue @@ -2,10 +2,10 @@ import { reactive } from 'vue' import { MaskaDetail, vMaska } from '../../src' -const binded = reactive>({}) +const bound = reactive>({}) diff --git a/test/components/BindUnmasked.vue b/test/components/BindUnmasked.vue index 44b6b58..ba887a4 100644 --- a/test/components/BindUnmasked.vue +++ b/test/components/BindUnmasked.vue @@ -2,10 +2,10 @@ import { reactive } from 'vue' import { MaskaDetail, vMaska } from '../../src' -const binded = reactive>({}) +const bound = reactive>({}) diff --git a/test/components/Callbacks.vue b/test/components/Callbacks.vue index 392ee35..daff148 100644 --- a/test/components/Callbacks.vue +++ b/test/components/Callbacks.vue @@ -4,8 +4,8 @@ import { MaskaDetail, vMaska } from '../../src' const emit = defineEmits(['mask1', 'mask2', 'mask3']) -const binded1 = reactive({}) -const binded2 = reactive({}) +const bound1 = reactive({}) +const bound2 = reactive({}) const options1 = { onMaska: (detail: MaskaDetail) => emit('mask1', detail) @@ -19,6 +19,6 @@ const options2 = { diff --git a/test/components/Completed.vue b/test/components/Completed.vue index af92065..3af3567 100644 --- a/test/components/Completed.vue +++ b/test/components/Completed.vue @@ -2,11 +2,11 @@ import { reactive } from 'vue' import { MaskaDetail, vMaska } from '../../src' -const binded = reactive>({}) +const bound = reactive>({}) diff --git a/test/components/Config.vue b/test/components/Config.vue index ffa86b9..f5d09bf 100644 --- a/test/components/Config.vue +++ b/test/components/Config.vue @@ -2,7 +2,7 @@ import { reactive } from 'vue' import { vMaska, MaskaDetail, MaskInputOptions } from '../../src' -const binded = reactive>({}) +const bound = reactive>({}) const config = reactive({ mask: 'A A', tokens: { @@ -16,6 +16,6 @@ const config = reactive({ diff --git a/test/components/Options.vue b/test/components/Options.vue index e3fe23d..762b996 100644 --- a/test/components/Options.vue +++ b/test/components/Options.vue @@ -4,7 +4,7 @@ import { vMaska } from '../../src' export default { data() { return { - binded: { + bound: { masked: '' } } @@ -16,6 +16,6 @@ export default {