@vuehookform/core 0.2.8 → 0.2.10

package/dist/core/domSync.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'vue';
+import { RegisterOptions } from '../types';
+/**
+ * Sync values from uncontrolled DOM inputs to form data
+ *
+ * This reads the current DOM state from uncontrolled inputs and updates
+ * the formData object. Used before form submission and when getting values.
+ *
+ * @param fieldRefs - Map of field names to their DOM element refs
+ * @param fieldOptions - Map of field names to their registration options
+ * @param formData - The reactive form data object to update
+ */
+export declare function syncUncontrolledInputs(fieldRefs: Map<string, Ref<HTMLInputElement | null>>, fieldOptions: Map<string, RegisterOptions>, formData: Record<string, unknown>): void;
+/**
+ * Update a single DOM element with a new value
+ *
+ * Handles both checkbox and text inputs appropriately.
+ *
+ * @param el - The DOM input element to update
+ * @param value - The value to set
+ */
+export declare function updateDomElement(el: HTMLInputElement, value: unknown): void;
+/**
+ * Get value from a DOM element based on its type
+ *
+ * @param el - The DOM input element
+ * @returns The current value (checked state for checkboxes, value for others)
+ */
+export declare function getDomElementValue(el: HTMLInputElement): unknown;

package/dist/core/fieldState.d.ts

@@ -0,0 +1,36 @@
+import { ShallowRef } from 'vue';
+/**
+ * Mark a field as dirty (value has changed from default)
+ *
+ * @param dirtyFields - The reactive dirty fields record
+ * @param fieldName - Name of the field to mark as dirty
+ */
+export declare function markFieldDirty(dirtyFields: ShallowRef<Record<string, boolean>>, fieldName: string): void;
+/**
+ * Mark a field as touched (user has interacted with it)
+ *
+ * @param touchedFields - The reactive touched fields record
+ * @param fieldName - Name of the field to mark as touched
+ */
+export declare function markFieldTouched(touchedFields: ShallowRef<Record<string, boolean>>, fieldName: string): void;
+/**
+ * Clear dirty state for a field
+ *
+ * @param dirtyFields - The reactive dirty fields record
+ * @param fieldName - Name of the field to clear
+ */
+export declare function clearFieldDirty(dirtyFields: ShallowRef<Record<string, boolean>>, fieldName: string): void;
+/**
+ * Clear touched state for a field
+ *
+ * @param touchedFields - The reactive touched fields record
+ * @param fieldName - Name of the field to clear
+ */
+export declare function clearFieldTouched(touchedFields: ShallowRef<Record<string, boolean>>, fieldName: string): void;
+/**
+ * Clear errors for a field and its nested paths
+ *
+ * @param errors - The reactive errors record
+ * @param fieldName - Name of the field (clears exact match and all nested paths)
+ */
+export declare function clearFieldErrors<T>(errors: ShallowRef<Record<string, T>>, fieldName: string): void;

package/dist/index.d.ts

@@ -17,7 +17,7 @@
 export { useForm } from './useForm';
 export { provideForm, useFormContext, FormContextKey } from './context';
 export { useWatch, type UseWatchOptions } from './useWatch';
-export { useController, type UseControllerOptions, type UseControllerReturn, type ControllerFieldProps } from './useController';
+export { useController, type UseControllerOptions, type UseControllerReturn, type ControllerFieldProps, } from './useController';
 export { useFormState, type UseFormStateOptions, type FormStateKey } from './useFormState';
 export { isFieldError } from './types';
 export type { UseFormOptions, UseFormReturn, RegisterOptions, RegisterReturn, FormState, FieldState, FieldErrors, FieldError, FieldErrorValue, ErrorOption, FieldArray, FieldArrayItem, InferSchema, FormValues, FormPath, Path, PathValue, ArrayElement, ArrayPath, ValidationMode, SetFocusOptions, ResetOptions, ResetFieldOptions, AsyncDefaultValues, } from './types';

package/dist/types.d.ts

@@ -74,7 +74,7 @@ export type ArrayPath<T> = {
  * type ItemType = PathValue<Form, 'items.0'>      // { id: number }
  * type ItemId = PathValue<Form, 'items.0.id'>     // number
  */
-export type PathValue<T, P extends string> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? PathValue<T[K], Rest> : T extends Array<infer U> ? K extends `${number}` ? PathValue<U, Rest> : never : never : P extends keyof T ? T[P] : T extends Array<infer U> ? P extends `${number}` ? U : never : never;
+export type PathValue<T, P extends string> = T extends unknown ? P extends `${infer K}.${infer Rest}` ? K extends keyof T ? PathValue<T[K], Rest> : T extends Array<infer U> ? K extends `${number}` ? PathValue<U, Rest> : never : never : P extends keyof T ? T[P] : T extends Array<infer U> ? P extends `${number}` ? U : never : never : never;
 /**
  * Single field error with type and message
  */
@@ -490,9 +490,15 @@ export interface UseFormReturn<TSchema extends ZodType> {
     resetField: <TPath extends Path<InferSchema<TSchema>>>(name: TPath, options?: ResetFieldOptions<PathValue<InferSchema<TSchema>, TPath>>) => void;
     /**
      * Watch field value(s) reactively
-     * @param name - Field path or array of paths (optional - watches all if not provided)
+     * @overload Watch all form values
+     * @overload Watch single field value by path
+     * @overload Watch multiple field values by paths array
      */
-    watch: <TPath extends Path<InferSchema<TSchema>>>(name?: TPath | TPath[]) => ComputedRef<unknown>;
+    watch: {
+        (): ComputedRef<InferSchema<TSchema>>;
+        <TPath extends Path<InferSchema<TSchema>>>(name: TPath): ComputedRef<PathValue<InferSchema<TSchema>, TPath>>;
+        <TPath extends Path<InferSchema<TSchema>>>(names: TPath[]): ComputedRef<Partial<InferSchema<TSchema>>>;
+    };
     /**
      * Manually trigger validation
      * @param name - Optional field path (validates all if not provided)
@@ -502,7 +508,7 @@ export interface UseFormReturn<TSchema extends ZodType> {
      * Clear errors for specified fields or all errors
      * @param name - Optional field path or array of paths
      */
-    clearErrors: <TPath extends Path<InferSchema<TSchema>>>(name?: TPath | TPath[]) => void;
+    clearErrors: <TPath extends Path<InferSchema<TSchema>>>(name?: TPath | TPath[] | 'root' | `root.${string}`) => void;
     /**
      * Set an error for a specific field
      * @param name - Field path or root error

package/dist/useWatch.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef } from 'vue';
 import { ZodType } from 'zod';
-import { UseFormReturn, Path, InferSchema } from './types';
+import { UseFormReturn, Path, PathValue, InferSchema } from './types';
 /**
  * Options for useWatch composable
  */
@@ -37,4 +37,10 @@ export interface UseWatchOptions<TSchema extends ZodType, TPath extends Path<Inf
  * const status = useWatch({ name: 'status', defaultValue: 'pending' })
  * ```
  */
-export declare function useWatch<TSchema extends ZodType, TPath extends Path<InferSchema<TSchema>> = Path<InferSchema<TSchema>>>(options?: UseWatchOptions<TSchema, TPath>): ComputedRef<unknown>;
+export declare function useWatch<TSchema extends ZodType>(options?: Omit<UseWatchOptions<TSchema, Path<InferSchema<TSchema>>>, 'name'>): ComputedRef<InferSchema<TSchema>>;
+export declare function useWatch<TSchema extends ZodType, TPath extends Path<InferSchema<TSchema>>>(options: UseWatchOptions<TSchema, TPath> & {
+    name: TPath;
+}): ComputedRef<PathValue<InferSchema<TSchema>, TPath>>;
+export declare function useWatch<TSchema extends ZodType, TPath extends Path<InferSchema<TSchema>>>(options: UseWatchOptions<TSchema, TPath> & {
+    name: TPath[];
+}): ComputedRef<Partial<InferSchema<TSchema>>>;

package/dist/vuehookform.cjs

@@ -144,7 +144,7 @@ function createFormContext(options) {
 		options
 	};
 }
-function clearFieldErrors(errors, fieldPath) {
+function clearFieldErrors$1(errors, fieldPath) {
 	const newErrors = { ...errors };
 	for (const key of Object.keys(newErrors)) if (key === fieldPath || key.startsWith(`${fieldPath}.`)) delete newErrors[key];
 	return newErrors;
@@ -221,7 +221,7 @@ function createValidation(ctx) {
 			ctx.errorDelayTimers.delete(fieldPath);
 		}
 		ctx.pendingErrors.delete(fieldPath);
-		return clearFieldErrors(ctx.errors.value, fieldPath);
+		return clearFieldErrors$1(ctx.errors.value, fieldPath);
 	}
 	function clearAllPendingErrors() {
 		for (const timer of ctx.errorDelayTimers.values()) clearTimeout(timer);
@@ -648,6 +648,45 @@ function createFieldArrayManager(ctx, validate, setFocus) {
 	}
 	return { fields };
 }
+function syncUncontrolledInputs(fieldRefs, fieldOptions, formData) {
+	for (const [name, fieldRef] of Array.from(fieldRefs.entries())) {
+		const el = fieldRef.value;
+		if (el) {
+			if (!fieldOptions.get(name)?.controlled) set(formData, name, el.type === "checkbox" ? el.checked : el.value);
+		}
+	}
+}
+function updateDomElement(el, value) {
+	if (el.type === "checkbox") el.checked = value;
+	else el.value = value;
+}
+function markFieldDirty(dirtyFields, fieldName) {
+	dirtyFields.value = {
+		...dirtyFields.value,
+		[fieldName]: true
+	};
+}
+function markFieldTouched(touchedFields, fieldName) {
+	touchedFields.value = {
+		...touchedFields.value,
+		[fieldName]: true
+	};
+}
+function clearFieldDirty(dirtyFields, fieldName) {
+	const newDirty = { ...dirtyFields.value };
+	delete newDirty[fieldName];
+	dirtyFields.value = newDirty;
+}
+function clearFieldTouched(touchedFields, fieldName) {
+	const newTouched = { ...touchedFields.value };
+	delete newTouched[fieldName];
+	touchedFields.value = newTouched;
+}
+function clearFieldErrors(errors, fieldName) {
+	const newErrors = { ...errors.value };
+	for (const key of Object.keys(newErrors)) if (key === fieldName || key.startsWith(`${fieldName}.`)) delete newErrors[key];
+	errors.value = newErrors;
+}
 function useForm(options) {
 	const ctx = createFormContext(options);
 	const { validate, clearAllPendingErrors } = createValidation(ctx);
@@ -693,15 +732,7 @@ function useForm(options) {
 			ctx.submitCount.value++;
 			ctx.isSubmitSuccessful.value = false;
 			try {
-				for (const [name, fieldRef] of ctx.fieldRefs.entries()) {
-					const el = fieldRef.value;
-					if (el) {
-						if (!ctx.fieldOptions.get(name)?.controlled) {
-							const value = el.type === "checkbox" ? el.checked : el.value;
-							set(ctx.formData, name, value);
-						}
-					}
-				}
+				syncUncontrolledInputs(ctx.fieldRefs, ctx.fieldOptions, ctx.formData);
 				if (await validate()) {
 					await onValid(ctx.formData);
 					ctx.isSubmitSuccessful.value = true;
@@ -719,21 +750,11 @@ function useForm(options) {
 	}
 	function setValue(name, value, setValueOptions) {
 		set(ctx.formData, name, value);
-		if (setValueOptions?.shouldDirty !== false) ctx.dirtyFields.value = {
-			...ctx.dirtyFields.value,
-			[name]: true
-		};
-		if (setValueOptions?.shouldTouch) ctx.touchedFields.value = {
-			...ctx.touchedFields.value,
-			[name]: true
-		};
+		if (setValueOptions?.shouldDirty !== false) markFieldDirty(ctx.dirtyFields, name);
+		if (setValueOptions?.shouldTouch) markFieldTouched(ctx.touchedFields, name);
 		if (!ctx.fieldOptions.get(name)?.controlled) {
 			const fieldRef = ctx.fieldRefs.get(name);
-			if (fieldRef?.value) {
-				const el = fieldRef.value;
-				if (el.type === "checkbox") el.checked = value;
-				else el.value = value;
-			}
+			if (fieldRef?.value) updateDomElement(fieldRef.value, value);
 		}
 		if (setValueOptions?.shouldValidate) validate(name);
 	}
@@ -757,7 +778,7 @@ function useForm(options) {
 		if (!opts.keepIsSubmitting) ctx.isSubmitting.value = false;
 		if (!opts.keepIsSubmitSuccessful) ctx.isSubmitSuccessful.value = false;
 		ctx.fieldArrays.clear();
-		for (const [name, fieldRef] of ctx.fieldRefs.entries()) {
+		for (const [name, fieldRef] of Array.from(ctx.fieldRefs.entries())) {
 			const el = fieldRef.value;
 			if (el) {
 				const value = get(newValues, name);
@@ -780,30 +801,12 @@ function useForm(options) {
 		else set(ctx.defaultValues, name, defaultValue);
 		const clonedValue = defaultValue !== void 0 ? JSON.parse(JSON.stringify(defaultValue)) : void 0;
 		set(ctx.formData, name, clonedValue);
-		if (!opts.keepError) {
-			const newErrors = { ...ctx.errors.value };
-			for (const key of Object.keys(newErrors)) if (key === name || key.startsWith(`${name}.`)) delete newErrors[key];
-			ctx.errors.value = newErrors;
-		}
-		if (!opts.keepDirty) {
-			const newDirty = { ...ctx.dirtyFields.value };
-			delete newDirty[name];
-			ctx.dirtyFields.value = newDirty;
-		}
-		if (!opts.keepTouched) {
-			const newTouched = { ...ctx.touchedFields.value };
-			delete newTouched[name];
-			ctx.touchedFields.value = newTouched;
-		}
+		if (!opts.keepError) clearFieldErrors(ctx.errors, name);
+		if (!opts.keepDirty) clearFieldDirty(ctx.dirtyFields, name);
+		if (!opts.keepTouched) clearFieldTouched(ctx.touchedFields, name);
 		if (!ctx.fieldOptions.get(name)?.controlled) {
 			const fieldRef = ctx.fieldRefs.get(name);
-			if (fieldRef?.value) {
-				const el = fieldRef.value;
-				if (clonedValue !== void 0) if (el.type === "checkbox") el.checked = clonedValue;
-				else el.value = clonedValue;
-				else if (el.type === "checkbox") el.checked = false;
-				else el.value = "";
-			}
+			if (fieldRef?.value) updateDomElement(fieldRef.value, clonedValue ?? (fieldRef.value.type === "checkbox" ? false : ""));
 		}
 	}
 	function watch$1(name) {
@@ -823,9 +826,7 @@ function useForm(options) {
 			return;
 		}
 		const fieldsToClean = Array.isArray(name) ? name : [name];
-		const newErrors = { ...ctx.errors.value };
-		for (const field of fieldsToClean) for (const key of Object.keys(newErrors)) if (key === field || key.startsWith(`${field}.`)) delete newErrors[key];
-		ctx.errors.value = newErrors;
+		for (const field of fieldsToClean) clearFieldErrors(ctx.errors, field);
 	}
 	function setError(name, error) {
 		const newErrors = { ...ctx.errors.value };
@@ -836,15 +837,7 @@ function useForm(options) {
 		ctx.errors.value = newErrors;
 	}
 	function getValues(nameOrNames) {
-		for (const [name, fieldRef] of ctx.fieldRefs.entries()) {
-			const el = fieldRef.value;
-			if (el) {
-				if (!ctx.fieldOptions.get(name)?.controlled) {
-					const value = el.type === "checkbox" ? el.checked : el.value;
-					set(ctx.formData, name, value);
-				}
-			}
-		}
+		syncUncontrolledInputs(ctx.fieldRefs, ctx.fieldOptions, ctx.formData);
 		if (nameOrNames === void 0) return { ...ctx.formData };
 		if (Array.isArray(nameOrNames)) {
 			const result = {};

package/dist/vuehookform.js

@@ -143,7 +143,7 @@ function createFormContext(options) {
 		options
 	};
 }
-function clearFieldErrors(errors, fieldPath) {
+function clearFieldErrors$1(errors, fieldPath) {
 	const newErrors = { ...errors };
 	for (const key of Object.keys(newErrors)) if (key === fieldPath || key.startsWith(`${fieldPath}.`)) delete newErrors[key];
 	return newErrors;
@@ -220,7 +220,7 @@ function createValidation(ctx) {
 			ctx.errorDelayTimers.delete(fieldPath);
 		}
 		ctx.pendingErrors.delete(fieldPath);
-		return clearFieldErrors(ctx.errors.value, fieldPath);
+		return clearFieldErrors$1(ctx.errors.value, fieldPath);
 	}
 	function clearAllPendingErrors() {
 		for (const timer of ctx.errorDelayTimers.values()) clearTimeout(timer);
@@ -647,6 +647,45 @@ function createFieldArrayManager(ctx, validate, setFocus) {
 	}
 	return { fields };
 }
+function syncUncontrolledInputs(fieldRefs, fieldOptions, formData) {
+	for (const [name, fieldRef] of Array.from(fieldRefs.entries())) {
+		const el = fieldRef.value;
+		if (el) {
+			if (!fieldOptions.get(name)?.controlled) set(formData, name, el.type === "checkbox" ? el.checked : el.value);
+		}
+	}
+}
+function updateDomElement(el, value) {
+	if (el.type === "checkbox") el.checked = value;
+	else el.value = value;
+}
+function markFieldDirty(dirtyFields, fieldName) {
+	dirtyFields.value = {
+		...dirtyFields.value,
+		[fieldName]: true
+	};
+}
+function markFieldTouched(touchedFields, fieldName) {
+	touchedFields.value = {
+		...touchedFields.value,
+		[fieldName]: true
+	};
+}
+function clearFieldDirty(dirtyFields, fieldName) {
+	const newDirty = { ...dirtyFields.value };
+	delete newDirty[fieldName];
+	dirtyFields.value = newDirty;
+}
+function clearFieldTouched(touchedFields, fieldName) {
+	const newTouched = { ...touchedFields.value };
+	delete newTouched[fieldName];
+	touchedFields.value = newTouched;
+}
+function clearFieldErrors(errors, fieldName) {
+	const newErrors = { ...errors.value };
+	for (const key of Object.keys(newErrors)) if (key === fieldName || key.startsWith(`${fieldName}.`)) delete newErrors[key];
+	errors.value = newErrors;
+}
 function useForm(options) {
 	const ctx = createFormContext(options);
 	const { validate, clearAllPendingErrors } = createValidation(ctx);
@@ -692,15 +731,7 @@ function useForm(options) {
 			ctx.submitCount.value++;
 			ctx.isSubmitSuccessful.value = false;
 			try {
-				for (const [name, fieldRef] of ctx.fieldRefs.entries()) {
-					const el = fieldRef.value;
-					if (el) {
-						if (!ctx.fieldOptions.get(name)?.controlled) {
-							const value = el.type === "checkbox" ? el.checked : el.value;
-							set(ctx.formData, name, value);
-						}
-					}
-				}
+				syncUncontrolledInputs(ctx.fieldRefs, ctx.fieldOptions, ctx.formData);
 				if (await validate()) {
 					await onValid(ctx.formData);
 					ctx.isSubmitSuccessful.value = true;
@@ -718,21 +749,11 @@ function useForm(options) {
 	}
 	function setValue(name, value, setValueOptions) {
 		set(ctx.formData, name, value);
-		if (setValueOptions?.shouldDirty !== false) ctx.dirtyFields.value = {
-			...ctx.dirtyFields.value,
-			[name]: true
-		};
-		if (setValueOptions?.shouldTouch) ctx.touchedFields.value = {
-			...ctx.touchedFields.value,
-			[name]: true
-		};
+		if (setValueOptions?.shouldDirty !== false) markFieldDirty(ctx.dirtyFields, name);
+		if (setValueOptions?.shouldTouch) markFieldTouched(ctx.touchedFields, name);
 		if (!ctx.fieldOptions.get(name)?.controlled) {
 			const fieldRef = ctx.fieldRefs.get(name);
-			if (fieldRef?.value) {
-				const el = fieldRef.value;
-				if (el.type === "checkbox") el.checked = value;
-				else el.value = value;
-			}
+			if (fieldRef?.value) updateDomElement(fieldRef.value, value);
 		}
 		if (setValueOptions?.shouldValidate) validate(name);
 	}
@@ -756,7 +777,7 @@ function useForm(options) {
 		if (!opts.keepIsSubmitting) ctx.isSubmitting.value = false;
 		if (!opts.keepIsSubmitSuccessful) ctx.isSubmitSuccessful.value = false;
 		ctx.fieldArrays.clear();
-		for (const [name, fieldRef] of ctx.fieldRefs.entries()) {
+		for (const [name, fieldRef] of Array.from(ctx.fieldRefs.entries())) {
 			const el = fieldRef.value;
 			if (el) {
 				const value = get(newValues, name);
@@ -779,30 +800,12 @@ function useForm(options) {
 		else set(ctx.defaultValues, name, defaultValue);
 		const clonedValue = defaultValue !== void 0 ? JSON.parse(JSON.stringify(defaultValue)) : void 0;
 		set(ctx.formData, name, clonedValue);
-		if (!opts.keepError) {
-			const newErrors = { ...ctx.errors.value };
-			for (const key of Object.keys(newErrors)) if (key === name || key.startsWith(`${name}.`)) delete newErrors[key];
-			ctx.errors.value = newErrors;
-		}
-		if (!opts.keepDirty) {
-			const newDirty = { ...ctx.dirtyFields.value };
-			delete newDirty[name];
-			ctx.dirtyFields.value = newDirty;
-		}
-		if (!opts.keepTouched) {
-			const newTouched = { ...ctx.touchedFields.value };
-			delete newTouched[name];
-			ctx.touchedFields.value = newTouched;
-		}
+		if (!opts.keepError) clearFieldErrors(ctx.errors, name);
+		if (!opts.keepDirty) clearFieldDirty(ctx.dirtyFields, name);
+		if (!opts.keepTouched) clearFieldTouched(ctx.touchedFields, name);
 		if (!ctx.fieldOptions.get(name)?.controlled) {
 			const fieldRef = ctx.fieldRefs.get(name);
-			if (fieldRef?.value) {
-				const el = fieldRef.value;
-				if (clonedValue !== void 0) if (el.type === "checkbox") el.checked = clonedValue;
-				else el.value = clonedValue;
-				else if (el.type === "checkbox") el.checked = false;
-				else el.value = "";
-			}
+			if (fieldRef?.value) updateDomElement(fieldRef.value, clonedValue ?? (fieldRef.value.type === "checkbox" ? false : ""));
 		}
 	}
 	function watch$1(name) {
@@ -822,9 +825,7 @@ function useForm(options) {
 			return;
 		}
 		const fieldsToClean = Array.isArray(name) ? name : [name];
-		const newErrors = { ...ctx.errors.value };
-		for (const field of fieldsToClean) for (const key of Object.keys(newErrors)) if (key === field || key.startsWith(`${field}.`)) delete newErrors[key];
-		ctx.errors.value = newErrors;
+		for (const field of fieldsToClean) clearFieldErrors(ctx.errors, field);
 	}
 	function setError(name, error) {
 		const newErrors = { ...ctx.errors.value };
@@ -835,15 +836,7 @@ function useForm(options) {
 		ctx.errors.value = newErrors;
 	}
 	function getValues(nameOrNames) {
-		for (const [name, fieldRef] of ctx.fieldRefs.entries()) {
-			const el = fieldRef.value;
-			if (el) {
-				if (!ctx.fieldOptions.get(name)?.controlled) {
-					const value = el.type === "checkbox" ? el.checked : el.value;
-					set(ctx.formData, name, value);
-				}
-			}
-		}
+		syncUncontrolledInputs(ctx.fieldRefs, ctx.fieldOptions, ctx.formData);
 		if (nameOrNames === void 0) return { ...ctx.formData };
 		if (Array.isArray(nameOrNames)) {
 			const result = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuehookform/core",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "TypeScript-first form library for Vue 3, inspired by React Hook Form. Form-level state management with Zod validation.",
   "type": "module",
   "main": "./dist/vuehookform.cjs",
@@ -23,14 +23,15 @@
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check \"build-only {@}\" --",
-    "build:lib": "vite build --config vite.config.lib.ts",
+    "build:lib": "run-p type-check build-lib-only",
+    "build-lib-only": "vite build --config vite.config.lib.ts",
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
     "lint:oxlint": "oxlint . --fix -D correctness --ignore-path .gitignore",
     "lint:eslint": "eslint . --fix --cache",
     "lint": "run-s lint:*",
-    "format": "prettier --write --experimental-cli src/",
+    "format": "prettier --write --experimental-cli src/ tests/",
     "test": "vitest",
     "test:run": "vitest run",
     "test:coverage": "vitest run --coverage",
@@ -67,6 +68,7 @@
     "zod": "^3.0.0 || ^4.0.0"
   },
   "devDependencies": {
+    "@tailwindcss/vite": "^4.1.18",
     "@prettier/plugin-oxc": "^0.0.5",
     "@tsconfig/node24": "^24.0.3",
     "@types/node": "^24.10.1",
@@ -75,7 +77,6 @@
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.8.1",
     "eslint": "^9.39.1",
     "eslint-plugin-oxlint": "~1.29.0",
     "eslint-plugin-vue": "~10.5.1",
@@ -93,10 +94,7 @@
     "vue": "^3.5.25",
     "vue-router": "^4.6.3",
     "vue-tsc": "^3.1.5",
-    "zod": "^4.2.1"
-  },
-  "dependencies": {
-    "@tailwindcss/vite": "^4.1.18",
+    "zod": "^4.2.1",
     "material-icons": "^1.13.14",
     "material-symbols": "^0.40.2",
     "tailwindcss": "^4.1.18"