diff --git a/.changeset/config.json b/.changeset/config.json
index 2036d66..7f2f2f2 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://unpkg.com/@changesets/config@3.0.2/schema.json",
   "changelog": "@changesets/cli/changelog",
-  "commit": true,
+  "commit": false,
   "fixed": [],
   "linked": [],
   "access": "public",
diff --git a/docs/app.vue b/docs/app.vue
index 9591e7a..6e67998 100644
--- a/docs/app.vue
+++ b/docs/app.vue
@@ -10,15 +10,15 @@
   })
 
   useSeoMeta({
-    title: 'lite-ui | A Vue3 based UnoCSS UI library',
-    ogTitle: 'lite-ui | A Vue3 based UnoCSS UI library',
+    title: 'lite-space/ui | A Vue3 based UnoCSS UI library',
+    ogTitle: 'lite-space/ui | A Vue3 based UnoCSS UI library',
     description: 'A Vue3 based UnoCSS UI library.',
     ogDescription: 'A Vue3 based UnoCSS UI library.'
-
   })
 </script>
 
 <template>
+  <NuxtLoadingIndicator />
   <NuxtLayout>
     <NuxtPage />
   </NuxtLayout>
diff --git a/docs/layouts/default.vue b/docs/layouts/default.vue
index a19dec0..32e6aa7 100644
--- a/docs/layouts/default.vue
+++ b/docs/layouts/default.vue
@@ -19,7 +19,7 @@
                 alt="logo"
                 class="w-6 h-6"
               > -->
-              <span class="font-500">Lite-ui/ui</span>
+              <span class="font-500">lite-space/ui</span>
             </NuxtLink>
             <NuxtLink
               v-for="item in navList"
diff --git a/docs/pages/docs/[...slug].vue b/docs/pages/docs/[...slug].vue
index 5da42ae..dc1f221 100644
--- a/docs/pages/docs/[...slug].vue
+++ b/docs/pages/docs/[...slug].vue
@@ -3,17 +3,30 @@
 
   const route = useRoute()
   const { data: page, error } = await useAsyncData(route.path, () => queryContent(route.path).findOne())
+  const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation())
 </script>
 
 <template>
   <div flex="~" class="gap-10">
     <template v-if="page?.title">
       <aside class="sticky top-14 z-1">
-        aside
+        <div v-for="item in navigation" :key="item._path">
+          <div v-for="it in item.children" :key="it._path">
+            <h3 class="text-sm font-bold mb-3">
+              {{ it.title }}
+            </h3>
+            <div class="grid gap-1">
+              <div v-for="t in it.children" :key="t._path" class="text-sm text-gray-600">
+                <NuxtLink :to="t._path" class="hover:text-gray-800">
+                  {{ t.title }}
+                </NuxtLink>
+              </div>
+            </div>
+          </div>
+        </div>
       </aside>
       <main class="relative">
-        <Breadcrumb />
-        <span>Docs > {{ page.title }}</span>
+        <Breadcrumb class="" :items="['Docs', page.title]" separator="i-carbon:chevron-right" />
         <ContentRenderer :value="page" />
       </main>
     </template>