chore: vue 3.4 improvements

components/CommitStatBox.vue

@@ -20,7 +20,7 @@ onMounted(async () => {
 <template>
   <div class="prose dark:prose-invert">
     <HomeStatBox
-      :href="href"
+      :href
       id="github-commit-a"
       color="lightgray"
       darkcolor="slategray"

components/HomeStatBox.vue

@@ -31,11 +31,7 @@ const cssVars = {
 </script>
 
 <template>
-  <a
+  <a class="no-underline inline-block flex flex-col items-stretch" :href :id>
-    class="no-underline inline-block flex flex-col items-stretch"
-    :href="href"
-    :id="id"
-  >
     <div class="container box" :style="cssVars">
       <p class="m-0 w-full title">{{ title }}</p>
       <div class="main-content">

pages/blog.vue

@@ -35,7 +35,7 @@ const tags = new Set(
     <PostPreviewCard
       v-for="(post, index) in docs"
       :key="index"
-      :post="post"
+      :post
       type="blog"
     />
   </main>

pages/tags/blog/[tag].vue

@@ -34,7 +34,7 @@ useTitle(title + " Posts", details.description);
     <PostPreviewCard
       v-for="(post, index) in docs"
       :key="index"
-      :post="post"
+      :post
       :highlighttags="[tag]"
       type="blog"
     />