feat: add nuxt-seo-kit

IdeaLeap · Jan 16, 2023 · 63e432c · 63e432c
1 parent 6dfe1d2
commit 63e432c
Show file tree

Hide file tree

Showing 4 changed files with 245 additions and 16 deletions.
diff --git a/frontend/app.vue b/frontend/app.vue
@@ -1,16 +1,11 @@
 <script setup>
-useHead({
-  title: 'Vitesse Nuxt 3',
-  link: [
-    {
-      rel: 'icon', type: 'image/png', href: '/nuxt.png',
-    },
-  ],
-})
+// import { OgImageScreenshot, SeoKit } from 'nuxt-seo-kit'
 </script>
 
 <template>
   <NuxtLayout>
+    <SeoKit />
+    <OgImageScreenshot />
     <NuxtPage />
   </NuxtLayout>
 </template>

diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
@@ -18,4 +18,24 @@ export default defineNuxtConfig({
   nitro: {
     preset: 'vercel',
   },
+  extends: [
+    'nuxt-seo-kit',
+  ],
+  runtimeConfig: {
+    public: {
+      siteUrl: 'https://bytedream.top',
+      siteName: 'JueJin | ByteDream',
+      siteDescription: 'Yet Another Blog In JueJin Style By ByteDream',
+      language: 'zh-CN',
+      titleSeparator: '·',
+      trailingSlash: true,
+    },
+    indexable: true,
+  },
+  sitemap: {
+    hostname: 'https://bytedream.top',
+  },
+  head: {
+    ogTitleTemplate: '%s | ByteDream',
+  },
 })
diff --git a/frontend/package.json b/frontend/package.json
@@ -26,6 +26,7 @@
     "husky": "^8.0.3",
     "lint-staged": "^13.1.0",
     "nuxt": "^3.0.0",
+    "nuxt-seo-kit": "^0.4.13",
     "pinia": "^2.0.23",
     "tailwindcss": "^3.2.4",
     "typescript": "^4.9.3",