feat: add bilibili link

package.json

@@ -17,7 +17,7 @@
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
-    "@iconify-json/mdi": "^1.1.54",
+    "@iconify-json/simple-icons": "^1.1.73",
     "@types/nprogress": "^0.2.1",
     "@unocss/preset-icons": "^0.56.4",
     "@unocss/transformer-directives": "^0.56.4",

pnpm-lock.yaml

@@ -25,9 +25,9 @@ dependencies:
     version: 4.2.5(vue@3.3.4)
 
 devDependencies:
-  '@iconify-json/mdi':
-    specifier: ^1.1.54
-    version: 1.1.54
+  '@iconify-json/simple-icons':
+    specifier: ^1.1.73
+    version: 1.1.73
   '@types/nprogress':
     specifier: ^0.2.1
     version: 0.2.1
@@ -304,8 +304,8 @@ packages:
     dev: true
     optional: true
 
-  /@iconify-json/mdi@1.1.54:
-    resolution: {integrity: sha512-3QAsxte90EalbN2e8J30OqSSZz9qN2x+kmykQwsPahoW2dOtSvj+BR9YdiUd9A5XKk2nuU4UH5Gj/cq6WZ6CzQ==}
+  /@iconify-json/simple-icons@1.1.73:
+    resolution: {integrity: sha512-L9ShYHhAkJ7KHx+6wM5HK2tnCkAIKjSIyDUtTexoG8LcZF7MgiUloNfDGPDa4Vt0Oy5yHlnFBiOvqy2ojKB/8Q==}
     dependencies:
       '@iconify/types': 2.0.0
     dev: true

src/pages/index.vue

@@ -1,20 +1,29 @@
 <script setup lang="ts">
 const links = [
   {
-    icon: "i-mdi-github",
-    link: "https://github.com/thehrz"
-  }
+    name: "Github",
+    icon: "i-simple-icons-github",
+    link: "https://github.com/thehrz",
+  },
+  {
+    name: "bilibili",
+    icon: "i-simple-icons-bilibili",
+    link: "https://space.bilibili.com/277921109",
+  },
 ]
-
 </script>
 
 <template>
   <section class="flex flex-col items-center">
-    <img class="w-8em shadow-lg" alt="thehrz" src="/thehrz.jpg" >
+    <img class="w-8em shadow-lg" alt="thehrz" src="/thehrz.jpg" />
 
-    <h1 class="my-8 text-2.5em leading-[1.1] md:text-3.5em c-coolgray-700 font-300">Hi! I'm thehrz.</h1>
+    <h1 class="my-8 text-2.5em leading-[1.1] md:text-3.5em c-coolgray-700 font-300">
+      Hi! I'm thehrz.
+    </h1>
 
-    <Button v-for="link in links" :to="link.link" :icon="link.icon">Github</Button>
+    <div class="flex flex-row flex-gap-2">
+      <Button v-for="link in links" :to="link.link" :icon="link.icon">{{ link.name }}</Button>
+    </div>
 
     <p class="mt-8 c-dark-100">🚧 under construction...</p>
   </section>