feat: add subtle motion

pages/articles/index.vue

@@ -5,11 +5,15 @@ definePageMeta({
 </script>
 
 <template>
-  <UContainer class="prose dark:prose-invert">
+  <UContainer v-motion-fade class="prose dark:prose-invert">
     <h1>Articles</h1>
   </UContainer>
 
-  <UContainer class="flex flex-col md:gap-10 gap-5 !pt-0">
+  <UContainer
+    v-motion-fade
+    :delay="500"
+    class="flex flex-col md:gap-10 gap-5 !pt-0"
+  >
     <ContentList :query="{ sort: [{ date: -1 }] }" v-slot="{ list }">
       <div v-for="article in list" :key="article._path">
         <ArticleListing :article="article" />
@@ -17,5 +21,5 @@ definePageMeta({
     </ContentList>
   </UContainer>
 
-  <Footer />
+  <Footer v-motion-fade :delay="500" />
 </template>