snapshot of https://github.com/TanStack/query.git (main, 2026-09-16; blobs > 131072B omitted)

integrations/vue-vite/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

integrations/vue-vite/index.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Vite + Vue + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

integrations/vue-vite/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "vue-vite",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "vite build"
+  },
+  "dependencies": {
+    "@tanstack/vue-query": "workspace:*",
+    "vue": "^3.4.27"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "typescript": "5.8.3",
+    "vite": "^6.4.1",
+    "vue-tsc": "^2.2.8"
+  }
+}

integrations/vue-vite/src/App.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { useQuery } from '@tanstack/vue-query'
+
+const { isPending, isError, data } = useQuery({
+  queryKey: ['test'],
+  queryFn: async () => {
+    await new Promise((r) => setTimeout(r, 1000))
+    return 'Success'
+  },
+})
+</script>
+
+<template>
+  <div v-if="isPending">Loading...</div>
+  <div v-else-if="isError">An error has occurred!</div>
+  <div v-else-if="data">{{ data }}</div>
+</template>

integrations/vue-vite/src/main.ts

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import { VueQueryPlugin } from '@tanstack/vue-query'
+
+createApp(App).use(VueQueryPlugin).mount('#app')

integrations/vue-vite/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

integrations/vue-vite/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.vue", "vite.config.ts"]
+}

integrations/vue-vite/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [vue()],
+})