From 8ca47566096666aa5966972dea536be8b73a3899 Mon Sep 17 00:00:00 2001
From: Daniel Chen <danielchen04@hotmail.ca>
Date: Wed, 16 Oct 2024 13:30:57 -0400
Subject: [PATCH] chore: vue 3.4 improvements

---
 components/CommitStatBox.vue | 2 +-
 components/HomeStatBox.vue   | 6 +-----
 pages/blog.vue               | 2 +-
 pages/tags/blog/[tag].vue    | 2 +-
 4 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/components/CommitStatBox.vue b/components/CommitStatBox.vue
index b313bf5..1292bac 100644
--- a/components/CommitStatBox.vue
+++ b/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"
diff --git a/components/HomeStatBox.vue b/components/HomeStatBox.vue
index 0834f89..5677490 100644
--- a/components/HomeStatBox.vue
+++ b/components/HomeStatBox.vue
@@ -31,11 +31,7 @@ const cssVars = {
 </script>
 
 <template>
-  <a
-    class="no-underline inline-block flex flex-col items-stretch"
-    :href="href"
-    :id="id"
-  >
+  <a class="no-underline inline-block flex flex-col items-stretch" :href :id>
     <div class="container box" :style="cssVars">
       <p class="m-0 w-full title">{{ title }}</p>
       <div class="main-content">
diff --git a/pages/blog.vue b/pages/blog.vue
index 46a4b34..b7b814c 100644
--- a/pages/blog.vue
+++ b/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>
diff --git a/pages/tags/blog/[tag].vue b/pages/tags/blog/[tag].vue
index 1b00c5d..9da2af9 100644
--- a/pages/tags/blog/[tag].vue
+++ b/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"
     />