初始化结构

app/assets/css/main.css

@@ -33,17 +33,4 @@
 	}
 }
 
-.page-enter-active,
+
-.page-leave-active {
-	@apply transition-opacity ease-in-out duration-300;
-}
-.layout-enter-active,
-.layout-leave-active {
-	@apply transition-opacity ease-in-out duration-500;
-}
-.page-enter-from,
-.page-leave-to,
-.layout-enter-from,
-.layout-leave-to {
-	@apply opacity-0;
-}

app/components/Design/BottomBlob.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="top=1/5 pointer-events-none absolute inset-x-0 transform-gpu blur-3xl -z-10" aria-hidden="true">
-		<div class="blob relative left-[calc(50%+36rem)] aspect-[1155/678] w-[72.1875rem] from-(--color-warning) to-(--color-success) bg-gradient-to-br opacity-30 -translate-x-1/2" />
+		<div class="blob relative left-[calc(50%+36rem)] aspect-[1155/678] w-[72.1875rem] from-(--color-error) to-(--color-success) bg-gradient-to-br opacity-30 -translate-x-1/2" />
 	</div>
 </template>
 

app/components/Design/TopBlob.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="pointer-events-none absolute inset-x-0 transform-gpu blur-3xl -top-1/4 -z-10" aria-hidden="true">
-		<div class="blob relative left-[calc(50%-30rem)] aspect-[1155/678] w-[72.1875rem] rotate-30 from-(--color-warning) to-(--color-success) bg-gradient-to-tr opacity-30 -translate-x-1/2" />
+		<div class="blob relative left-[calc(50%-30rem)] aspect-[1155/678] w-[72.1875rem] rotate-30 from-(--color-error) to-(--color-success) bg-gradient-to-tr opacity-30 -translate-x-1/2" />
 	</div>
 </template>
 

app/components/Site/Navbar.vue

@@ -1,5 +1,6 @@
 <template>
 	<header class="top-0 z-10">
+		<UColorModeButton />
 		<UContainer class="md:py-2">
 			<UNavigationMenu
 				:items="mobileItems"

app/pages/os.vue

@@ -14,7 +14,6 @@
 		category: "system",
 		description: "Read operating system informations."
 	});
-
 	const items = ref([
 		{
 			label: "System",

nuxt.config.ts

@@ -1,7 +1,7 @@
 export default defineNuxtConfig({
 	modules: [
 		"@vueuse/nuxt",
-		"@nuxt/ui",
+		"@nuxt/ui-pro",
 		"nuxt-svgo",
 		"reka-ui/nuxt",
 		"@nuxt/eslint"

package.json

@@ -23,7 +23,7 @@
 		"tauri:build:debug": "tauri build --debug"
 	},
 	"dependencies": {
-		"@nuxt/ui": "^3.2.0",
+		"@nuxt/ui-pro": "^3.2.0",
 		"@tauri-apps/api": "^2.6.0",
 		"@tauri-apps/plugin-fs": "^2.4.0",
 		"@tauri-apps/plugin-notification": "^2.3.0",

src-tauri/Cargo.lock

@@ -2174,7 +2174,7 @@ dependencies = [
 
 [[package]]
 name = "nuxtor"
-version = "1.3.1"
+version = "1.4.0"
 dependencies = [
  "serde",
  "serde_json",

src-tauri/tauri.conf.json

@@ -43,7 +43,7 @@
 				"height": 768,
 				"minWidth": 375,
 				"minHeight": 812,
-				"resizable": true,
+				"resizable": false,
 				"fullscreen": false
 			}
 		],