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
-    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">