chore: bump to vite 8 (#437)

Author: birkskyum

.changeset/flat-kids-care.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/create': patch
+---
+
+chore: bump solid base and example to vite 8

examples/custom-cli/create-qwik-app/project/base/package.json

@@ -2,9 +2,9 @@
   "name": "my-qwik-empty-starter",
   "description": "Blank project with routing included",
   "engines": {
-    "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+    "node": "^20.19.0 || >=22.12.0"
   },
-  "engines-annotation": "Mostly required by sharp which needs a Node-API v9 compatible runtime",
+  "engines-annotation": "Required by Vite 8 (Node 20.19+ or 22.12+)",
   "private": true,
   "type": "module",
   "scripts": {
@@ -20,21 +20,25 @@
     "lint": "eslint \"src/**/*.ts*\"",
     "preview": "qwik build preview && vite preview --open",
     "start": "vite --open --mode ssr",
-    "qwik": "qwik"
+    "qwik": "qwik",
+    "test": "vitest run"
   },
   "devDependencies": {
     "@builder.io/qwik": "^1.13.0",
     "@builder.io/qwik-city": "^1.13.0",
+    "@noma.to/qwik-testing-library": "^1.6.0",
+    "@testing-library/dom": "^10.4.1",
     "@types/eslint": "8.56.10",
     "@types/node": "20.14.11",
     "@typescript-eslint/eslint-plugin": "7.16.1",
     "@typescript-eslint/parser": "7.16.1",
     "eslint": "8.57.0",
     "eslint-plugin-qwik": "^1.13.0",
+    "jsdom": "^28.1.0",
     "prettier": "3.3.3",
     "typescript": "^6.0.2",
     "undici": "*",
-    "vite": "^7.1.7",
-    "vite-tsconfig-paths": "^4.2.1"
+    "vite": "^8.0.10",
+    "vitest": "^4.1.5"
   }
 }

examples/custom-cli/create-qwik-app/project/base/src/example.spec.tsx

@@ -0,0 +1,12 @@
+import { component$ } from "@builder.io/qwik";
+import { describe, expect, test } from "vitest";
+import { render, screen } from "@noma.to/qwik-testing-library";
+
+const Hello = component$(() => <div>Hello Qwik</div>);
+
+describe("Hello", () => {
+  test("renders", async () => {
+    await render(<Hello />);
+    expect(screen.getByText("Hello Qwik")).toBeDefined();
+  });
+});

examples/custom-cli/create-qwik-app/project/base/vite.config.ts.ejs

@@ -5,7 +5,6 @@
 import { defineConfig, type UserConfig } from "vite";
 import { qwikVite } from "@builder.io/qwik/optimizer";
 import { qwikCity } from "@builder.io/qwik-city/vite";
-import tsconfigPaths from "vite-tsconfig-paths";
 import pkg from "./package.json";
 
 type PkgDep = Record<string, string>;
@@ -23,7 +22,8 @@ import tailwindcss from '@tailwindcss/vite'
  */
 export default defineConfig(({ command, mode }): UserConfig => {
   return {
-    plugins: [qwikCity(), qwikVite(), tsconfigPaths(), tailwindcss()],
+    resolve: { tsconfigPaths: true },
+    plugins: [qwikCity(), qwikVite(), tailwindcss()],
     // This tells Vite which dependencies to pre-build in dev mode.
     optimizeDeps: {
       // Put problematic deps that break bundling here, mostly those with binaries.

examples/custom-cli/create-rwsdk/project/base/package.json.ejs

@@ -37,7 +37,7 @@
     "@types/react-dom": "19.1.2",
     "tailwindcss": "^4.1.14",
     "typescript": "^6.0.2",
-    "vite": "7.1.6",
+    "vite": "^8.0.10",
     "wrangler": "4.38.0"
   },
   "pnpm": {

examples/react/blog/package.json

@@ -28,21 +28,20 @@
     "@content-collections/core": "^0.13.1",
     "@content-collections/markdown": "^0.1.4",
     "@content-collections/mdx": "^0.2.2",
-    "@content-collections/vite": "^0.2.8",
+    "@content-collections/vite": "^0.3.0",
     "@tailwindcss/typography": "^0.5.16",
-    "@tanstack/devtools-vite": "^0.3.11",
+    "@tanstack/devtools-vite": "^0.6.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.2.0",
     "@types/node": "^22.10.2",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "jsdom": "^27.0.0",
     "remark-gfm": "^4.0.1",
     "typescript": "^6.0.2",
-    "vite": "^7.1.7",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.5",
+    "vite": "^8.0.10",
+    "vitest": "^4.1.5",
     "zod": "^4.3.5"
   },
   "pnpm": {

examples/react/blog/starter-info.json

@@ -17,7 +17,7 @@
       "@content-collections/core": "^0.13.1",
       "@content-collections/markdown": "^0.1.4",
       "@content-collections/mdx": "^0.2.2",
-      "@content-collections/vite": "^0.2.8",
+      "@content-collections/vite": "^0.3.0",
       "@tailwindcss/typography": "^0.5.16",
       "remark-gfm": "^4.0.1",
       "zod": "^4.3.5"

examples/react/blog/starter.json

@@ -17,7 +17,7 @@
       "@content-collections/core": "^0.13.1",
       "@content-collections/markdown": "^0.1.4",
       "@content-collections/mdx": "^0.2.2",
-      "@content-collections/vite": "^0.2.8",
+      "@content-collections/vite": "^0.3.0",
       "@tailwindcss/typography": "^0.5.16",
       "remark-gfm": "^4.0.1",
       "zod": "^4.3.5"