feat: layout

JasKang · Mar 21, 2024 · 166dcf4 · 166dcf4
1 parent ebbe61c
commit 166dcf4
Show file tree

Hide file tree

Showing 28 changed files with 132 additions and 780 deletions.
diff --git a/packages/docs/.vitepress/theme/Layout.vue b/packages/docs/.vitepress/theme/Layout.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { useRoute, useData, type DefaultTheme } from 'vitepress'
 import VPNavBar from './components/VPNavBar.vue'
 import VPSidebar from './components/VPSidebar.vue'
-import VPDocToc from './components/VPDocToc.vue'
+import VPOutline from './components/VPOutline.vue'
 import { ScrollArea, Anchor } from 'tailv'
-import VPDoc from './components/VPDoc.vue'
-const { frontmatter, page, theme } = useData<DefaultTheme.Config>()
+import { useDataByTheme } from './utils'
+
+const { frontmatter, page, theme } = useDataByTheme()
 </script>
 
 <template>
@@ -28,7 +28,7 @@ const { frontmatter, page, theme } = useData<DefaultTheme.Config>()
           <footer></footer>
           <div class="fixed bottom-0 right-[max(0px,calc(50%-45rem))] top-[3.8125rem] z-20 hidden w-[19.5rem] xl:block">
             <ScrollArea class="h-full">
-              <VPDocToc class="py-10" />
+              <VPOutline class="py-10" />
             </ScrollArea>
           </div>
         </main>

diff --git a/packages/docs/.vitepress/theme/components/VPDocAside.vue b/packages/docs/.vitepress/theme/components/VPDocAside.vue
diff --git a/packages/docs/.vitepress/theme/components/VPFooter.vue b/packages/docs/.vitepress/theme/components/VPFooter.vue