refactor: use nuxt compatiable 4 folder

app/components/content/AboutMe.vue

@@ -0,0 +1,60 @@
+<script lang="ts" setup>
+// @ts-expect-error // Ignore this line
+import VueAboutMe from 'vue-about-me'
+import 'vue-about-me/style.css'
+
+const color = useColorMode()
+const isDark = computed(() => color.value === 'dark')
+
+const copyright = {
+  name: 'Cook',
+  repo: 'YunYouJun/cook',
+  color: '#0078E7',
+  iconUrl: 'https://sponsors.yunyoujun.cn',
+  author: '云游君',
+  authorUrl: 'https://www.yunyoujun.cn',
+}
+
+const links = [
+  {
+    type: 'github',
+    label: 'GitHub: YunYouJun',
+    href: 'https://github.com/YunYouJun',
+  },
+  {
+    type: 'telegram',
+    label: 'Telegram Channel',
+    href: 'https://t.me/elpsycn',
+  },
+  {
+    type: 'weibo',
+    label: '微博：机智的云游君',
+    href: 'http://weibo.com/jizhideyunyoujun',
+  },
+  {
+    type: 'twitter',
+    label: 'Twitter: YunYouJun',
+    href: 'https://twitter.com/YunYouJun',
+  },
+  {
+    type: 'wechat',
+    label: '微信公众号：云游君',
+    href: '/wechat',
+    target: '_self',
+  },
+  {
+    type: 'bilibili',
+    label: '云游君Official',
+    href: 'https://space.bilibili.com/1579790',
+  },
+  {
+    type: 'blog',
+    label: '博客：yunyoujun.cn',
+    href: 'http://www.yunyoujun.cn',
+  },
+]
+</script>
+
+<template>
+  <VueAboutMe :is-dark="isDark" :copyright="copyright" :links="links" />
+</template>

app/components/content/AboutMenu.vue

@@ -0,0 +1,19 @@
+<template>
+  <div>
+    <NuxtLink class="icon-btn mx-2 hover:text-orange-400" to="/help" title="帮助">
+      <div i-ri-question-line />
+    </NuxtLink>
+
+    <NuxtLink class="icon-btn mx-2 hover:text-blue-400" to="/about" title="关于">
+      <div i-ri-information-line />
+    </NuxtLink>
+
+    <a class="icon-btn mx-2 hover:text-pink-400" rel="noreferrer" href="https://space.bilibili.com/1579790" target="_blank" title="BiliBili">
+      <div i-ri-bilibili-line />
+    </a>
+
+    <a class="icon-btn hover:text-black-400 mx-2" rel="noreferrer" href="https://github.com/YunYouJun/cook" target="_blank" title="GitHub">
+      <div i-ri-github-line />
+    </a>
+  </div>
+</template>