chore(vue-query-devtools): Use tanstackBuildConfig from @tanstack/config (#6638)

* Experimental vite build

* Finalise changes

* Move to its own file

* Better wrapper input

* Implement feedback

* Allow customising excluded directories

* Update build script

* Use getViteConfig for vue-query-devtools

* Fix type error in getViteConfig

* Rename to viteBuildConfig

* Simplify relative paths

* Demo snapshot testing build output

* Remove snapshot testing

* Undo testing

* Remove local config

* Bump @tanstack/config

* Undo react-query changes

* Bump @tanstack/config

* Bump @tanstack/config

* Undo lockfile changes

---------

Co-authored-by: Damian Osipiuk <[email protected]>

Author: lachlancollins

packages/vue-query-devtools/package.json

@@ -15,21 +15,21 @@
     "url": "https://github.com/sponsors/tannerlinsley"
   },
   "type": "module",
-  "types": "dist/index.d.ts",
-  "module": "dist/index.js",
-  "main": "dist/index.js",
+  "types": "dist/esm/index.d.ts",
+  "module": "dist/esm/index.js",
+  "main": "dist/esm/index.js",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./dist/esm/index.d.ts",
+      "default": "./dist/esm/index.js"
     },
     "./production": {
-      "types": "./dist/production.d.ts",
-      "default": "./dist/production.js"
+      "types": "./dist/esm/production.d.ts",
+      "default": "./dist/esm/production.js"
     },
     "./dist/production.js": {
-      "types": "./dist/production.d.ts",
-      "default": "./dist/production.js"
+      "types": "./dist/esm/production.d.ts",
+      "default": "./dist/esm/production.js"
     },
     "./package.json": "./package.json"
   },
@@ -43,7 +43,7 @@
     "test:eslint": "eslint --ext .ts,.tsx ./src",
     "test:types": "vue-tsc",
     "test:build": "publint --strict",
-    "build": "vite build && vue-tsc"
+    "build": "vite build"
   },
   "dependencies": {
     "@tanstack/query-devtools": "workspace:*"

packages/vue-query-devtools/tsconfig.json

@@ -1,9 +1,4 @@
 {
   "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
-    "outDir": "dist"
-  },
-  "include": ["src/**/*.ts", "src/**/*.vue"]
+  "include": ["src/**/*.ts", "src/**/*.vue", ".eslintrc.cjs", "vite.config.ts"]
 }

packages/vue-query-devtools/vite.config.ts

@@ -1,29 +1,15 @@
-import { resolve } from 'node:path'
-import { defineConfig } from 'vite'
+import { defineConfig, mergeConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { tanstackBuildConfig } from '@tanstack/config/build'
 
-export default defineConfig({
+const config = defineConfig({
   plugins: [vue()],
-  build: {
-    lib: {
-      // Could also be a dictionary or array of multiple entry points
-      entry: [
-        resolve(__dirname, 'src/index.ts'),
-        resolve(__dirname, 'src/production.ts'),
-      ],
-      formats: ['es'],
-    },
-    rollupOptions: {
-      // make sure to externalize deps that shouldn't be bundled
-      // into your library
-      external: ['vue'],
-      output: {
-        // Provide global variables to use in the UMD build
-        // for externalized deps
-        globals: {
-          vue: 'Vue',
-        },
-      },
-    },
-  },
 })
+
+export default mergeConfig(
+  config,
+  tanstackBuildConfig({
+    entry: ['src/index.ts', 'src/production.ts'],
+    srcDir: 'src',
+  }),
+)