准备融入shadcnui

app/components/docs/DocsAsideLeftTop.vue

@@ -75,21 +75,21 @@ const items = ref<NavigationMenuItem[][]>([
       ]
     }
   ],
-  [
+  // [
-    {
+  //   {
-      label: 'GitHub',
+  //     label: 'GitHub',
-      icon: 'i-simple-icons-github',
+  //     icon: 'i-simple-icons-github',
-      badge: '3.8k',
+  //     badge: '3.8k',
-      to: 'https://github.com/nuxt/ui',
+  //     to: 'https://github.com/nuxt/ui',
-      target: '_blank',
+  //     target: '_blank',
-    },
+  //   },
-    {
+  //   {
-      label: 'Help',
+  //     label: 'Help',
-      icon: 'i-lucide-circle-help',
+  //     icon: 'i-lucide-circle-help',
-      badge: '3.8k',
+  //     badge: '3.8k',
-      disabled: true
+  //     disabled: true
-    }
+  //   }
-  ]
+  // ]
 ])
 </script>
 

content/1.简单文档/1.index.md

@@ -9,14 +9,35 @@ This template is a ready-to-use documentation template made with [Nuxt UI Pro](h
 
 There are already many websites based on this template:
 
-::button-link{right-icon="lucide:arrow-up-right" to="/getting-started" target="_blank"}
+::UPageCard
-  Get Started
+---
-::
+icon: lucide:rocket
-::button-link{left-icon="lucide:github" variant="outline" to="https://github.com/ZTL-UwU/shadcn-docs-nuxt" target="_blank"}
+---
-  GitHub
+
-::
+#title
-::button-link{left-icon="lucide:ghost" variant="ghost" href="https://github.com/ZTL-UwU/shadcn-docs-nuxt" blank}
+Card Title
-  Ghost
+
+#description
+Description
+
+#content
+Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
+
+#highlight
+Tailwind CSS
+
+#highlight-color
+primary
+
+    title="Tailwind CSS"
+    description="Nuxt UI v3 integrates with latest Tailwind CSS v4, bringing significant improvements."
+    icon="i-simple-icons-tailwindcss"
+    orientation="horizontal"
+    highlight
+    highlight-color="primary"
+
+#footer
+Footer
 ::
 
 ::steps{level="4"}