From d608e6c99105feefaa072f44f2fd86d5070c8db1 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 17 Nov 2024 20:22:49 +0800
Subject: [PATCH] chore(settings): add transition on bewlybewly page settings

---
 src/components/Settings/BewlyPages/BewlyPages.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Settings/BewlyPages/BewlyPages.vue b/src/components/Settings/BewlyPages/BewlyPages.vue
index ffc412d6..0fc16fcb 100644
--- a/src/components/Settings/BewlyPages/BewlyPages.vue
+++ b/src/components/Settings/BewlyPages/BewlyPages.vue
@@ -51,7 +51,9 @@ const pages = [
 
     <!-- Content -->
     <div class="flex-1 p-4">
-      <Component :is="pages.find(page => page.value === activePage)?.component" />
+      <Transition name="page-fade">
+        <Component :is="pages.find(page => page.value === activePage)?.component" />
+      </Transition>
     </div>
   </div>
 </template>