From 34faf4cfc4def06741792348800f01b1b1a2f346 Mon Sep 17 00:00:00 2001
From: Corbin Crutchley <git@crutchcorn.dev>
Date: Sat, 11 Jan 2025 01:30:20 -0800
Subject: [PATCH] chore: fix Vue examples

---
 examples/vue/simple/src/App.vue        | 3 ---
 examples/vue/simple/src/FieldInfo.vue  | 4 ++--
 examples/vue/valibot/src/App.vue       | 3 ---
 examples/vue/valibot/src/FieldInfo.vue | 4 ++--
 examples/vue/yup/src/App.vue           | 3 ---
 examples/vue/yup/src/FieldInfo.vue     | 4 ++--
 examples/vue/zod/src/App.vue           | 3 ---
 examples/vue/zod/src/FieldInfo.vue     | 4 ++--
 8 files changed, 8 insertions(+), 20 deletions(-)

diff --git a/examples/vue/simple/src/App.vue b/examples/vue/simple/src/App.vue
index 2338de016..1e85c8e97 100644
--- a/examples/vue/simple/src/App.vue
+++ b/examples/vue/simple/src/App.vue
@@ -30,9 +30,6 @@ async function onChangeFirstName({ value }: { value: string }) {
     "
   >
     <div>
-      <!-- Ignore errors in form.Field temporary due to a bug in Vue:-->
-      <!-- https://github.com/vuejs/language-tools/issues/3782 -->
-      <!-- @vue-ignore -->
       <form.Field
         name="firstName"
         :validators="{
diff --git a/examples/vue/simple/src/FieldInfo.vue b/examples/vue/simple/src/FieldInfo.vue
index 96e068714..498755c55 100644
--- a/examples/vue/simple/src/FieldInfo.vue
+++ b/examples/vue/simple/src/FieldInfo.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { FieldApi } from '@tanstack/vue-form'
+import { AnyFieldApi } from '@tanstack/vue-form'
 
 const props = defineProps<{
-  state: FieldApi<any, any, any, any>['state']
+  state: AnyFieldApi['state']
 }>()
 </script>
 
diff --git a/examples/vue/valibot/src/App.vue b/examples/vue/valibot/src/App.vue
index ed7b79611..bdefaf0f9 100644
--- a/examples/vue/valibot/src/App.vue
+++ b/examples/vue/valibot/src/App.vue
@@ -37,9 +37,6 @@ const onChangeFirstName = v.pipeAsync(
     "
   >
     <div>
-      <!-- Ignore errors in form.Field temporary due to a bug in Vue:-->
-      <!-- https://github.com/vuejs/language-tools/issues/3782 -->
-      <!-- @vue-ignore -->
       <form.Field
         name="firstName"
         :validators="{
diff --git a/examples/vue/valibot/src/FieldInfo.vue b/examples/vue/valibot/src/FieldInfo.vue
index 96e068714..498755c55 100644
--- a/examples/vue/valibot/src/FieldInfo.vue
+++ b/examples/vue/valibot/src/FieldInfo.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { FieldApi } from '@tanstack/vue-form'
+import { AnyFieldApi } from '@tanstack/vue-form'
 
 const props = defineProps<{
-  state: FieldApi<any, any, any, any>['state']
+  state: AnyFieldApi['state']
 }>()
 </script>
 
diff --git a/examples/vue/yup/src/App.vue b/examples/vue/yup/src/App.vue
index 32d3c59e0..4b154b8f1 100644
--- a/examples/vue/yup/src/App.vue
+++ b/examples/vue/yup/src/App.vue
@@ -36,9 +36,6 @@ const onChangeFirstName = yup
     "
   >
     <div>
-      <!-- Ignore errors in form.Field temporary due to a bug in Vue:-->
-      <!-- https://github.com/vuejs/language-tools/issues/3782 -->
-      <!-- @vue-ignore -->
       <form.Field
         name="firstName"
         :validators="{
diff --git a/examples/vue/yup/src/FieldInfo.vue b/examples/vue/yup/src/FieldInfo.vue
index 96e068714..498755c55 100644
--- a/examples/vue/yup/src/FieldInfo.vue
+++ b/examples/vue/yup/src/FieldInfo.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { FieldApi } from '@tanstack/vue-form'
+import { AnyFieldApi } from '@tanstack/vue-form'
 
 const props = defineProps<{
-  state: FieldApi<any, any, any, any>['state']
+  state: AnyFieldApi['state']
 }>()
 </script>
 
diff --git a/examples/vue/zod/src/App.vue b/examples/vue/zod/src/App.vue
index 0700e0afd..c4d216eb9 100644
--- a/examples/vue/zod/src/App.vue
+++ b/examples/vue/zod/src/App.vue
@@ -39,9 +39,6 @@ const onChangeFirstName = z.string().refine(
     "
   >
     <div>
-      <!-- Ignore errors in form.Field temporary due to a bug in Vue:-->
-      <!-- https://github.com/vuejs/language-tools/issues/3782 -->
-      <!-- @vue-ignore -->
       <form.Field
         name="firstName"
         :validators="{
diff --git a/examples/vue/zod/src/FieldInfo.vue b/examples/vue/zod/src/FieldInfo.vue
index 96e068714..498755c55 100644
--- a/examples/vue/zod/src/FieldInfo.vue
+++ b/examples/vue/zod/src/FieldInfo.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { FieldApi } from '@tanstack/vue-form'
+import { AnyFieldApi } from '@tanstack/vue-form'
 
 const props = defineProps<{
-  state: FieldApi<any, any, any, any>['state']
+  state: AnyFieldApi['state']
 }>()
 </script>