[WIP] fix: fix issues with Vue's typings in SFC format

docs/framework/vue/quick-start.md

@@ -3,12 +3,6 @@ id: quick-start
 title: Quick Start
 ---
 
-> There is a bug in Vue's TypeScript support that's impacting our types that you'll likely run into:
->
-> https://github.com/vuejs/language-tools/issues/3782
->
-> Please give it a thumbs up, but _do not reply with comments such as "+1" or "When will this be fixed?", as such comments are unhelpful and rude_.
-
 The bare minimum to get started with TanStack Form is to create a form and add a field. Keep in mind that this example does not include any validation or error handling... yet.
 
 ```vue

examples/lit/simple/package.json

@@ -13,7 +13,7 @@
     "lit": "^3.1.1"
   },
   "devDependencies": {
-    "vite": "^5.1.4"
+    "vite": "^5.3.3"
   },
   "browserslist": {
     "production": [

examples/lit/ui-libraries/package.json

@@ -9,12 +9,12 @@
     "test:types": "tsc"
   },
   "dependencies": {
+    "@material/web": "^1.0.0",
     "@tanstack/lit-form": "^0.25.2",
-    "lit": "^3.1.1",
-    "@material/web": "^1.0.0"
+    "lit": "^3.1.1"
   },
   "devDependencies": {
-    "vite": "^5.1.4"
+    "vite": "^5.3.3"
   },
   "browserslist": {
     "production": [

examples/react/array/package.json

@@ -17,7 +17,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
-    "vite": "^5.1.4"
+    "vite": "^5.3.3"
   },
   "browserslist": {
     "production": [

examples/react/query-integration/package.json

@@ -9,16 +9,16 @@
     "test:types": "tsc"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.32.0",
     "@tanstack/react-form": "^0.25.2",
+    "@tanstack/react-query": "^5.32.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
-    "vite": "^5.1.4"
+    "vite": "^5.3.3"
   },
   "browserslist": {
     "production": [

examples/react/simple/package.json

@@ -17,7 +17,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
-    "vite": "^5.1.4"
+    "vite": "^5.3.3"
   },
   "browserslist": {
     "production": [

examples/react/tanstack-start/package.json

@@ -24,7 +24,7 @@
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
+    "vite": "^5.3.3",
     "vite-tsconfig-paths": "^4.3.2"
   }
 }

examples/react/ui-libraries/package.json

@@ -33,7 +33,7 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "typescript": "5.4.2",
-    "vite": "^5.1.4"
+    "vite": "^5.3.3"
   },
   "browserslist": {
     "production": [

examples/react/valibot/package.json

@@ -19,7 +19,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
-    "vite": "^5.1.4"
+    "vite": "^5.3.3"
   },
   "browserslist": {
     "production": [

examples/react/yup/package.json

@@ -19,7 +19,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
-    "vite": "^5.1.4"
+    "vite": "^5.3.3"
   },
   "browserslist": {
     "production": [

examples/react/zod/package.json

@@ -19,7 +19,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
-    "vite": "^5.1.4"
+    "vite": "^5.3.3"
   },
   "browserslist": {
     "production": [

examples/solid/array/package.json

@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
+    "vite": "^5.3.3",
     "vite-plugin-solid": "^2.10.1"
   }
 }

examples/solid/simple/package.json

@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
+    "vite": "^5.3.3",
     "vite-plugin-solid": "^2.10.1"
   }
 }

examples/solid/valibot/package.json

@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
+    "vite": "^5.3.3",
     "vite-plugin-solid": "^2.10.1"
   }
 }

examples/solid/yup/package.json

@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
+    "vite": "^5.3.3",
     "vite-plugin-solid": "^2.10.1"
   }
 }

examples/solid/zod/package.json

@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
+    "vite": "^5.3.3",
     "vite-plugin-solid": "^2.10.1"
   }
 }

examples/vue/array/package.json

@@ -11,12 +11,12 @@
   },
   "dependencies": {
     "@tanstack/vue-form": "^0.25.2",
-    "vue": "^3.3.4"
+    "vue": "^3.4.31"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.0.5",
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
-    "vue-tsc": "^2.0.6"
+    "vite": "^5.3.3",
+    "vue-tsc": "^2.0.26"
   }
 }

examples/vue/simple/package.json

@@ -11,12 +11,12 @@
   },
   "dependencies": {
     "@tanstack/vue-form": "^0.25.2",
-    "vue": "^3.3.4"
+    "vue": "^3.4.31"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.0.5",
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
-    "vue-tsc": "^2.0.6"
+    "vite": "^5.3.3",
+    "vue-tsc": "^2.0.26"
   }
 }

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="{

examples/vue/valibot/package.json

@@ -13,12 +13,12 @@
     "@tanstack/valibot-form-adapter": "^0.25.2",
     "@tanstack/vue-form": "^0.25.2",
     "valibot": "^0.35.0",
-    "vue": "^3.3.4"
+    "vue": "^3.4.31"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.0.5",
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
-    "vue-tsc": "^2.0.6"
+    "vite": "^5.3.3",
+    "vue-tsc": "^2.0.26"
   }
 }

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="{

examples/vue/yup/package.json

@@ -12,13 +12,13 @@
   "dependencies": {
     "@tanstack/vue-form": "^0.25.2",
     "@tanstack/yup-form-adapter": "^0.25.2",
-    "vue": "^3.3.4",
+    "vue": "^3.4.31",
     "yup": "^1.3.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.0.5",
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
-    "vue-tsc": "^2.0.6"
+    "vite": "^5.3.3",
+    "vue-tsc": "^2.0.26"
   }
 }

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="{

examples/vue/zod/package.json

@@ -12,13 +12,13 @@
   "dependencies": {
     "@tanstack/vue-form": "^0.25.2",
     "@tanstack/zod-form-adapter": "^0.25.2",
-    "vue": "^3.3.4",
+    "vue": "^3.4.31",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.0.5",
     "typescript": "5.4.2",
-    "vite": "^5.1.4",
-    "vue-tsc": "^2.0.6"
+    "vite": "^5.3.3",
+    "vue-tsc": "^2.0.26"
   }
 }

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="{

package.json

@@ -45,11 +45,11 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.5.2",
-    "@testing-library/vue": "^8.0.2",
+    "@testing-library/vue": "^8.1.0",
     "@types/node": "^20.9.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "@vitest/coverage-istanbul": "^1.3.1",
+    "@vitest/coverage-istanbul": "^1.6.0",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "jsdom": "^24.0.0",
@@ -70,8 +70,8 @@
     "typescript51": "npm:[email protected]",
     "typescript52": "npm:[email protected]",
     "typescript53": "npm:[email protected]",
-    "vite": "^5.1.4",
-    "vitest": "^1.3.1",
-    "vue": "^3.3.4"
+    "vite": "^5.3.3",
+    "vitest": "^1.6.0",
+    "vue": "^3.4.31"
   }
 }

packages/react-form/package.json

@@ -72,10 +72,10 @@
     "src"
   ],
   "dependencies": {
+    "@remix-run/node": "^2.9.2",
     "@tanstack/form-core": "workspace:*",
     "@tanstack/react-store": "^0.5.0",
-    "decode-formdata": "^0.7.5",
-    "@remix-run/node": "^2.9.2"
+    "decode-formdata": "^0.7.5"
   },
   "devDependencies": {
     "@tanstack/start": "^1.42.1",
@@ -84,7 +84,7 @@
     "@vitejs/plugin-react": "^4.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "vite": "^5.1.4"
+    "vite": "^5.3.3"
   },
   "peerDependencies": {
     "@tanstack/start": "^1.40.1",

packages/solid-form/package.json

@@ -57,7 +57,7 @@
   },
   "devDependencies": {
     "solid-js": "^1.7.8",
-    "vite": "^5.1.4",
+    "vite": "^5.3.3",
     "vite-plugin-solid": "^2.10.1"
   },
   "peerDependencies": {

packages/vue-form/package.json

@@ -57,11 +57,11 @@
     "@tanstack/vue-store": "^0.5.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
-    "vite": "^5.1.4",
-    "vue": "^3.3.4"
+    "@vitejs/plugin-vue": "^5.0.5",
+    "vite": "^5.3.3",
+    "vue": "^3.4.31"
   },
   "peerDependencies": {
-    "vue": "^3.3.0"
+    "vue": "^3.4.0"
   }
 }