@dynect/base 0.7.2 → 0.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynect/base",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "Reusable Nuxt base module — components, composables, utils, plugins and i18n from the Dynect design system.",
   "type": "module",
   "license": "MIT",

package/src/runtime/components/base/event-calendar/EventModal.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Form, useForm } from 'vee-validate';
 import { computed, reactive, ref, watch } from 'vue';
 import { useId } from 'nuxt/app';
 import { onKeyStroke } from '@vueuse/core';

package/src/runtime/components/dynect/Autocomplete.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed, ref } from 'vue';
 import { useId } from 'nuxt/app';
 import type { HTMLAttributes } from 'vue';

package/src/runtime/components/dynect/Checkbox.vue

@@ -41,6 +41,7 @@
 </template>
 
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed } from 'vue';
 import { useId } from 'nuxt/app';
 import { cn } from '@/lib/utils';

package/src/runtime/components/dynect/DatePicker.vue

@@ -50,6 +50,7 @@
 </template>
 
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed, readonly, ref, watch } from 'vue';
 import { useId } from 'nuxt/app';
 import type { DateValue } from '@internationalized/date';

package/src/runtime/components/dynect/DateRange.vue

@@ -53,6 +53,7 @@
 </template>
 
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed, readonly, ref, watch } from 'vue';
 import { useId } from 'nuxt/app';
 import type { DateValue } from '@internationalized/date';

package/src/runtime/components/dynect/Dropzone.vue

@@ -95,6 +95,7 @@
 </template>
 
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
 import { useId } from 'nuxt/app';
 import type { HTMLAttributes } from 'vue';

package/src/runtime/components/dynect/FormField.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Form } from 'vee-validate';
 import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
 

package/src/runtime/components/dynect/Input.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed, readonly } from 'vue';
 import { useId } from 'nuxt/app';
 import type { HTMLAttributes } from 'vue';

package/src/runtime/components/dynect/OtpInput.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Field, useField } from 'vee-validate';
 import { computed } from 'vue';
 import { useId } from 'nuxt/app';
 import type { HTMLAttributes } from 'vue';

package/src/runtime/components/dynect/Radio.vue

@@ -37,6 +37,7 @@
 </template>
 
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed } from 'vue';
 import { useId } from 'nuxt/app';
 import { cn } from '@/lib/utils';

package/src/runtime/components/dynect/Select.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Field, useField } from 'vee-validate';
 import { computed, ref } from 'vue';
 import { useId } from 'nuxt/app';
 import type { HTMLAttributes } from 'vue';

package/src/runtime/components/dynect/SelectMultiple.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Field, useField } from 'vee-validate';
 import { computed, ref } from 'vue';
 import { useId } from 'nuxt/app';
 import type { HTMLAttributes } from 'vue';

package/src/runtime/components/dynect/Signature.vue

@@ -20,6 +20,7 @@
 </template>
 
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed, reactive, ref } from 'vue';
 import { useId } from 'nuxt/app';
 interface BaseSignatureInstance {

package/src/runtime/components/dynect/TagsInput.vue

@@ -101,6 +101,7 @@
 </template>
 
 <script setup lang="ts">
+import { Field, useField } from 'vee-validate';
 import { computed, readonly, ref, watch } from 'vue';
 import { useId } from 'nuxt/app';
 import { onClickOutside } from '@vueuse/core';

package/src/runtime/components/dynect/Telephone.vue

@@ -107,6 +107,7 @@
 </template>
 
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed, nextTick, onMounted, reactive, readonly, ref, watch } from 'vue';
 import { parsePhoneNumberFromString, type CountryCode, type NumberFormat } from 'libphonenumber-js/max';
 import { cva } from 'class-variance-authority';

package/src/runtime/components/dynect/Textarea.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed, readonly } from 'vue';
 import { useId } from 'nuxt/app';
 import type { HTMLAttributes } from 'vue';

package/src/runtime/components/dynect/TimePicker.vue

@@ -87,6 +87,7 @@
 </template>
 
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed, readonly, ref, watch } from 'vue';
 import { useId } from 'nuxt/app';
 import { cn } from '@/lib/utils';

package/src/runtime/components/dynect/Toggle.vue

@@ -60,6 +60,7 @@
 </template>
 
 <script setup lang="ts">
+import { useField } from 'vee-validate';
 import { computed } from 'vue';
 import { useId } from 'nuxt/app';
 import { cn } from '@/lib/utils';

package/src/runtime/components/ui/field/index.ts

@@ -1,3 +1,4 @@
+import { Field } from 'vee-validate';
 import type { VariantProps } from 'class-variance-authority';
 import { cva } from 'class-variance-authority';
 

package/src/runtime/components/ui/form/index.ts

@@ -1,3 +1,4 @@
+import { Field, FieldArray, Form } from 'vee-validate';
 export { default as FormControl } from './FormControl.vue';
 export { default as FormDescription } from './FormDescription.vue';
 export { default as FormItem } from './FormItem.vue';