feat: add faq items

components/content/AboutMe.vue

@@ -0,0 +1,59 @@
+<script lang="ts" setup>
+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>