fix: upgrade to rc12 and fix UnoCSS FOUC

nuxt.config.ts

@@ -7,10 +7,11 @@ export default defineNuxtConfig({
   ],
   experimental: {
     reactivityTransform: true,
+    inlineSSRStyles: false,
   },
-  unocss: {
+  css: [
-    preflight: true,
+    '@unocss/reset/tailwind.css',
-  },
+  ],
   colorMode: {
     classSuffix: '',
   },

package.json

@@ -10,16 +10,16 @@
     "generate": "nuxi generate"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.27.0",
+    "@antfu/eslint-config": "^0.29.2",
-    "@iconify-json/carbon": "^1.1.8",
+    "@iconify-json/carbon": "^1.1.9",
     "@iconify-json/twemoji": "^1.1.5",
-    "@nuxtjs/color-mode": "^3.1.6",
+    "@nuxtjs/color-mode": "^3.1.8",
-    "@pinia/nuxt": "^0.4.2",
+    "@pinia/nuxt": "^0.4.3",
-    "@unocss/nuxt": "^0.45.25",
+    "@unocss/nuxt": "^0.46.2",
-    "@vueuse/nuxt": "^9.3.0",
+    "@vueuse/nuxt": "^9.4.0",
-    "eslint": "^8.24.0",
+    "eslint": "^8.26.0",
-    "nuxt": "^3.0.0-rc.11",
+    "nuxt": "^3.0.0-rc.12",
-    "pinia": "^2.0.22",
+    "pinia": "^2.0.23",
-    "typescript": "^4.8.3"
+    "typescript": "^4.8.4"
   }
 }