fix(examples/with-unocss): prevent hydration mismatch by using vite-plugin-solid SSR config

Author: KunMoe

examples/with-unocss/app.config.ts

@@ -1,8 +1,17 @@
-import { defineConfig } from "@solidjs/start/config";
-import UnoCSS from "unocss/vite";
+import { defineConfig } from "@solidjs/start/config"
+import solidPlugin from "vite-plugin-solid"
+import UnoCSS from "unocss/vite"
+import presetWind4 from "@unocss/preset-wind4"
 
 export default defineConfig({
   vite: {
-    plugins: [UnoCSS()]
+    plugins: [
+      UnoCSS({
+        presets: [presetWind4()]
+      }),
+      solidPlugin({
+        ssr: true
+      })
+    ]
   }
-});
+})

examples/with-unocss/package.json

@@ -7,12 +7,13 @@
     "start": "vinxi start"
   },
   "dependencies": {
-    "@solidjs/router": "^0.15.0",
-    "@solidjs/start": "^1.1.0",
-    "@unocss/reset": "^0.65.1",
-    "solid-js": "^1.9.5",
-    "unocss": "^0.65.1",
-    "vinxi": "^0.5.7"
+    "@solidjs/router": "^0.15.3",
+    "@solidjs/start": "^1.2.0",
+    "@unocss/reset": "^66.5.2",
+    "solid-js": "^1.9.9",
+    "unocss": "^66.5.2",
+    "vinxi": "^0.5.8",
+    "vite-plugin-solid": "^2.11.8"
   },
   "engines": {
     "node": ">=22"

examples/with-unocss/src/app.tsx

@@ -1,4 +1,3 @@
-import "@unocss/reset/tailwind.css";
 import "virtual:uno.css";
 
 import { Router } from "@solidjs/router";