From ee9d21387739f5314574b63fb2c2fca5884646a8 Mon Sep 17 00:00:00 2001
From: ZTL-UwU <zhangtianli2006@163.com>
Date: Sat, 25 May 2024 13:28:27 +0800
Subject: [PATCH] feat: seo

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>
---
 app.config.ts                      | 3 +++
 components/layout/SearchDialog.vue | 2 +-
 pages/[...slug].vue                | 8 +++++++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app.config.ts b/app.config.ts
index 203312cd..88e86bd1 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -1,5 +1,8 @@
 export default defineAppConfig({
   shadcnDocs: {
+    site: {
+      name: 'shadcn-docs',
+    },
     header: {
       title: 'shadcn-docs',
       showTitle: true,
diff --git a/components/layout/SearchDialog.vue b/components/layout/SearchDialog.vue
index 1635f5ee..f90df368 100644
--- a/components/layout/SearchDialog.vue
+++ b/components/layout/SearchDialog.vue
@@ -25,7 +25,7 @@
             </NuxtLink>
           </div>
 
-          <div v-if="!searchResult?.length && input?.length" class="text-center text-muted-foreground p-2">
+          <div v-if="!searchResult?.length && input?.length" class="text-center text-muted-foreground pt-4">
             No results found.
           </div>
 
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index dcca32ef..4e875a93 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -7,7 +7,7 @@
       </aside>
       <main class="relative py-6" :class="[config.toc.enable && 'lg:gap-10 lg:py-8 lg:grid lg:grid-cols-[1fr_200px]']">
         <div class="mx-auto w-full min-w-0">
-          <LayoutBreadcrumb v-if="config.main.breadCrumb" class="mb-4" />
+          <LayoutBreadcrumb v-if="page?.body && config.main.breadCrumb" class="mb-4" />
 
           <div v-if="config.main.showTitle" class="space-y-2 mb-6">
             <ProseH1>
@@ -49,4 +49,10 @@
 <script setup lang="ts">
 const { page } = useContent();
 const config = useConfig();
+
+useSeoMeta({
+  title: `${page.value?.title ?? '404'} - ${config.value.site.name}`,
+  ogTitle: page.value?.title,
+  description: page.value?.description,
+});
 </script>