feat(ui): 添加页面切换过渡动画效果

nuxt.config.ts

@@ -60,6 +60,10 @@ export default defineNuxtConfig({
     strategy: 'no_prefix',
     detectBrowserLanguage: {
       useCookie: true,
+      cookieKey: 'i18n_redirected',
+      redirectOn: 'root',
+      alwaysRedirect: true,
+      fallbackLocale: 'zh-CN'
     },
     langDir: 'locales',
     defaultLocale: 'zh-CN',
@@ -67,6 +71,10 @@ export default defineNuxtConfig({
   },
 
   app: {
+    pageTransition: {
+      name: 'page',
+      mode: 'out-in',
+    },
     head: {
       viewport: 'width=device-width,initial-scale=1,viewport-fit=cover',
       link: [
@@ -74,7 +82,6 @@ export default defineNuxtConfig({
       ],
       meta: [
         { name: 'viewport', content: 'width=device-width, initial-scale=1, viewport-fit=cover' },
-        { name: 'description', content: appDescription },
         { name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
         { name: 'theme-color', media: '(prefers-color-scheme: light)', content: '#ffffff' },
         { name: 'theme-color', media: '(prefers-color-scheme: dark)', content: '#222222' },
@@ -125,5 +132,11 @@ export default defineNuxtConfig({
     compatibilityVersion: 4,
   },
 
-  compatibilityDate: '2024-09-24',
+  // 指定 Nuxt 应用程序的兼容性日期，确保应用程序在未来的 Nuxt 版本中保持稳定性
+  compatibilityDate: '2025-01-07',
+  
+  devServer: {
+    host: '0.0.0.0',
+    port: 3000,
+  },
 })