From e2b4805b5508ee8b576bb20e8050fdd2acd91a39 Mon Sep 17 00:00:00 2001
From: scout <1134087124@qq.com>
Date: Wed, 8 Jan 2025 15:32:54 +0800
Subject: [PATCH] =?UTF-8?q?feat(app):=20=E6=9B=B4=E6=96=B0=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E5=90=8D=E7=A7=B0=E5=92=8C=E6=8F=8F=E8=BF=B0=E4=B8=BA?=
 =?UTF-8?q?=E8=B1=90=E5=92=8C=E6=8B=8D=E5=8D=96=E4=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app.vue            | 24 +++++++++++++++++++++---
 app/constants/index.ts |  4 ++--
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index bb799f9..70b0f8c 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,10 +1,14 @@
 <script setup lang="ts">
 import type { ConfigProviderTheme } from 'vant'
 import useKeepalive from '~/composables/keepalive'
-import { appName } from '~/constants'
+import { appName, appDescription } from '~/constants'
+import { useI18n } from 'vue-i18n'
 
 useHead({
-  title: appName,
+  title: useI18n().t('appSetting.appName'),
+  meta: [
+    { name: 'description', content: useI18n().t('appSetting.appDescription') },
+  ],
 })
 
 const color = useColorMode()
@@ -20,9 +24,23 @@ const keepAliveRouteNames = computed(() => {
 
 <template>
   <VanConfigProvider :theme="mode">
-    <NuxtLoadingIndicator color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
+    <NuxtLoadingIndicator
+      color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
     <NuxtLayout>
       <NuxtPage :keepalive="{ include: keepAliveRouteNames }" />
     </NuxtLayout>
   </VanConfigProvider>
 </template>
+
+<style>
+.page-enter-active,
+.page-leave-active {
+  transition: all 0.2s;
+}
+
+.page-enter-from,
+.page-leave-to {
+  opacity: 0;
+  filter: blur(1rem);
+}
+</style>
\ No newline at end of file
diff --git a/app/constants/index.ts b/app/constants/index.ts
index 25a1245..57810b2 100644
--- a/app/constants/index.ts
+++ b/app/constants/index.ts
@@ -1,2 +1,2 @@
-export const appName = 'nuxt-vant-mobile'
-export const appDescription = 'Nuxt H5 Starter Template'
+export const appName = '豐和'
+export const appDescription = '泰丰国际京都拍卖会'