fix: add transitions

witnet · Jan 24, 2024 · e50c5f5 · e50c5f5
1 parent da2b1b7
commit e50c5f5
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -5,9 +5,9 @@
   >
     <div id="app">
       <!-- TODO: use transition -->
-      <!-- <transition :name="transitionName"> -->
-      <router-view />
-      <!-- </transition> -->
+      <transition :name="transitionName">
+        <router-view />
+      </transition>
       <Notification />
       <ResyncConfirmation />
       <LogoutModal />
@@ -33,7 +33,7 @@ import { type LocaleCodes } from '@/types'
 import { useIdle } from '@vueuse/core'
 
 const loading = ref(true)
-const transitionName: Ref<null | string> = ref(null)
+const transitionName: Ref<string> = ref('no-transition')
 const route = useRoute()
 const polling = ref()
 
@@ -51,7 +51,7 @@ watch(route, (to, from) => {
   if (to.path.includes('/settings') || from.path.includes('/settings')) {
     transitionName.value = 'zoom'
   } else {
-    transitionName.value = null
+    transitionName.value = 'no-transition'
   }
 })
 onMounted(() => {