update content render

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

app.vue

@@ -23,31 +23,33 @@ useState("blogData", () => (data.value as Array<ParsedContent>) || []);
 <template>
   <div>
     <NuxtLayout>
-      <NuxtLoadingIndicator />
+      <NuxtLoadingIndicator :height="5" :duration="3000" :throttle="400" />
       <NuxtPage />
     </NuxtLayout>
   </div>
 </template>
 <style>
-/* Page transition */
-.page-enter-active,
+.page-enter-active {
+  transition: all 0.1s ease-out;
+}
 .page-leave-active {
-  transition: all 0.2s;
+  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
 }
 .page-enter-from,
 .page-leave-to {
+  transform: translateY(20px);
   opacity: 0;
-  filter: blur(1rem);
 }
 
-/* Layout Transition */
-.layout-enter-active,
+.layout-enter-active {
+  transition: all 0.1s ease-out;
+}
 .layout-leave-active {
-  transition: all 0.3s;
+  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
 }
 .layout-enter-from,
 .layout-leave-to {
+  transform: translateY(-20px);
   opacity: 0;
-  filter: blur(1rem);
 }
 </style>