Add vue-vite test

TanStack · Jul 21, 2023 · 6050efb · 6050efb
1 parent f03c6d4
commit 6050efb
Show file tree

Hide file tree

Showing 10 changed files with 111 additions and 127 deletions.
diff --git a/integrations/react-vite/package.json b/integrations/react-vite/package.json
@@ -8,9 +8,9 @@
   "dependencies": {
     "@tanstack/react-query": "workspace:*",
     "@tanstack/react-query-devtools": "workspace:*",
-    "@vitejs/plugin-react": "^4.0.1",
+    "@vitejs/plugin-react": "^4.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^4.4.0"
+    "vite": "^4.4.4"
   }
 }
diff --git a/integrations/solid-vite/package.json b/integrations/solid-vite/package.json
@@ -7,8 +7,8 @@
   },
   "dependencies": {
     "@tanstack/solid-query": "workspace:*",
-    "solid-js": "^1.7.7",
-    "vite": "^4.4.0",
-    "vite-plugin-solid": "^2.7.0"
+    "solid-js": "^1.6.13",
+    "vite": "^4.4.4",
+    "vite-plugin-solid": "^2.5.0"
   }
 }
diff --git a/integrations/svelte-vite/package.json b/integrations/svelte-vite/package.json
@@ -9,7 +9,7 @@
     "@tanstack/svelte-query": "workspace:*",
     "@tanstack/svelte-query-devtools": "workspace:*",
     "@sveltejs/vite-plugin-svelte": "^2.4.2",
-    "svelte": "^4.0.3",
-    "vite": "^4.4.0"
+    "svelte": "^4.0.0",
+    "vite": "^4.4.4"
   }
 }
diff --git a/integrations/vue-vite/.gitignore b/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?
diff --git a/integrations/vue-vite/index.html b/integrations/vue-vite/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Vite + Vue</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/integrations/vue-vite/package.json b/integrations/vue-vite/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "vue-vite",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "test:bundle": "vite build"
+  },
+  "dependencies": {
+    "@tanstack/vue-query": "workspace:*",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "vue": "^3.2.47",
+    "vite": "^4.4.4"
+  }
+}
diff --git a/integrations/vue-vite/src/App.vue b/integrations/vue-vite/src/App.vue
@@ -0,0 +1,17 @@
+<script setup>
+  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>
diff --git a/integrations/vue-vite/src/main.js b/integrations/vue-vite/src/main.js
@@ -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')
diff --git a/integrations/vue-vite/vite.config.js b/integrations/vue-vite/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [vue()],
+})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml