feat: add introduction button

src/components.d.ts

@@ -20,6 +20,7 @@ declare module 'vue' {
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
+    VIcon: typeof import('vuetify/components')['VIcon']
     VImg: typeof import('vuetify/components')['VImg']
     VList: typeof import('vuetify/components')['VList']
     VListItem: typeof import('vuetify/components')['VListItem']

src/layouts/index.vue

@@ -5,7 +5,7 @@
     <div style="--v-layout-top: 25px" class="m-auto">
       <router-view v-slot="{ Component }">
         <transition name="fade">
-          <div class="prose max-w-110ch m-auto">
+          <div class="">
             <component :is="Component" />
           </div>
         </transition>

src/pages/friends.vue

@@ -10,6 +10,11 @@ const friends = [
     image: 'https://thehrz.net/thehrz.jpg',
     link: 'https://thehrz.net',
   },
+  {
+    name: '金卫东同志博客',
+    image: '',
+    link: 'https://blog.sina.com.cn/u/1259127853',
+  },
 ]
 </script>
 
@@ -20,7 +25,7 @@ const friends = [
   </section>
 
   <div class="grid grid-cols-2 md:grid-cols-4 grid-gap-6 not-prose">
-    <v-card v-for="friend in friends" :key="friend.name" :href="friend.link">
+    <v-card v-for="friend in friends" :key="friend.name" :href="friend.link" target="_blank">
       <v-img :src="friend.image" class="w-60% mx-auto mt-3" />
 
       <div class="mx-3 flex justify-center items-center h-15">

src/pages/index.vue

@@ -1,7 +1,12 @@
 <template>
+  <div class="prose max-w-110ch m-auto flex flex-col items-center">
     <h1 class="text-15 text-center">
       属于19预科2班的故事还未完结
     </h1>
+    <v-btn to="/posts/introduction" class="not-prose" size="large" color="primary" prepend-icon="mdi-file-document-arrow-right">
+      简介
+    </v-btn>
+  </div>
 </template>
 
 <route lang="yaml">

src/plugins/vuetify.ts

@@ -7,7 +7,7 @@ import '@mdi/font/css/materialdesignicons.css'
 const light = {
   dark: false,
   colors: {
-    'primary': '#9155FD',
+    'primary': '#18a86b',
     'secondary': '#8A8D93',
     'surface': '#F4F5FA',
     'background': '#F4F5FA',
@@ -29,7 +29,7 @@ const light = {
 const dark = {
   dark: true,
   colors: {
-    'primary': '#9155FD',
+    'primary': '#18a86b',
     'secondary': '#8A8D93',
     'surface': '#212121',
     'background': '#121212',