feat: add title

assets/markdown.scss

@@ -91,8 +91,8 @@
     position: relative;
 
     code span {
-      font-family: 'Noto Sans Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
-        'Courier New', monospace;
+      font-family: 'Noto Sans Mono', ui-monospace, SFMono-Regular, Menlo, Monaco,
+        Consolas, 'Liberation Mono', 'Courier New', monospace;
     }
   }
 

components/Navigation.vue

@@ -14,7 +14,7 @@ const { data: navigation } = await useAsyncData('nav', async () => {
       <NuxtLink v-for="item in navigation" :key="item._id" :href="item._path">
         {{ item.title }}
       </NuxtLink>
-      <NuxtLink href="/resume">
+      <NuxtLink href="/resume" target="_blank">
         简历
       </NuxtLink>
       <nuxt-link to="https://github.com/gjssss" target="_blank">

components/content/ProsePre.vue

@@ -59,7 +59,7 @@ function showMsg() {
     <div v-if="copyTrigger" class="copy">
       {{ copyMsg }}
     </div>
-    <div v-else class="i-carbon-copy copy op-trans" title="copy code" @click="copyHandle" />
+    <div v-else class="copy op-trans i-carbon-copy" title="copy code" @click="copyHandle" />
     <pre :class="$props.class" class="font-mono"><slot /></pre>
   </div>
 </template>

layouts/resume.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
-
+useHead({
+  title: 'GJSSSS | 简历',
+})
 </script>
 
 <template>

package.json

@@ -24,6 +24,7 @@
     "@iconify-json/twemoji": "^1.1.15",
     "@nuxtjs/color-mode": "^3.3.2",
     "@pinia/nuxt": "^0.5.1",
+    "@shikijs/twoslash": "^1.1.7",
     "@types/lodash-es": "^4.17.12",
     "@unocss/eslint-config": "^0.58.5",
     "@unocss/nuxt": "^0.58.5",

pages/[...path].vue

@@ -3,7 +3,11 @@ const route = useRoute()
 const paths = (route.params as any).path || ['']
 paths.unshift('')
 const path = paths.join('/')
-const { data, error } = useAsyncData(path, () => queryContent(path).findOne())
+const { data, error } = await useAsyncData(path, () => queryContent(path).findOne())
+
+useHead({
+  title: data.value?.title ? `GJSSSS | ${data.value.title}` : 'GJSSSS',
+})
 </script>
 
 <template>