fix: make dirty on field a computed value

YannicEl · Jan 2, 2024 · 6b4a4af · 6b4a4af
1 parent c5627f4
commit 6b4a4af
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/packages/lib/src/useField.ts b/packages/lib/src/useField.ts
@@ -91,19 +91,15 @@ export function useField<T>(
 	const disable = () => (disabled.value = true);
 	const enable = () => (disabled.value = false);
 
-	const dirty = ref(false);
+	const dirty = computed(() => value.value !== initialValue);
 	const pristine = computed(() => !dirty.value);
-	watch(value, (newValue) => {
-		if (newValue !== initialValue) dirty.value = true;
-	});
 
 	const touched = ref(false);
 	const untouched = computed(() => !touched.value);
 
 	function reset(): void {
 		value.value = initialValue;
 		disabled.value = false;
-		dirty.value = false;
 		touched.value = false;
 	}