fix(docs): remove inline badge

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>
ZTL-UwU · May 28, 2024 · 18841fb · 18841fb
1 parent 3549884
commit 18841fb
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 9 deletions.
diff --git a/components/content/CodeGroup.vue b/components/content/CodeGroup.vue
@@ -4,6 +4,7 @@
 
 <script setup lang="ts">
 import CodeGroupHeader from './CodeGroupHeader.vue';
+import { Card as UiCard } from '@/components/ui/card/index';
 
 const _slots = useSlots();
 const activeTabIndex = ref(0);
@@ -33,7 +34,7 @@ function render() {
     });
 
   return h(
-    'div',
+    UiCard,
     [
       h(
         CodeGroupHeader,

diff --git a/components/content/CodeGroupHeader.vue b/components/content/CodeGroupHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <UiCard class="rounded-b-none border-b-0 p-0.5 flex text-sm">
+  <div class="border-b p-0.5 flex text-sm">
     <UiTabs v-if="tabs" :default-value="tabs[0].label">
       <UiTabsList>
         <UiTabsTrigger
@@ -15,7 +15,7 @@
       </UiTabsList>
     </UiTabs>
     <CodeCopy v-show="selected.label !== 'Preview'" class="self-center ml-auto mr-3" :code="selected.code" />
-  </UiCard>
+  </div>
   <slot name="footer" />
 </template>
 

diff --git a/components/content/Preview.vue b/components/content/Preview.vue
@@ -1,7 +1,7 @@
 <template>
-  <UiCard class="rounded-t-none p-3 bg-muted/30">
+  <div class="p-3 bg-muted/30">
     <slot />
-  </UiCard>
+  </div>
 </template>
 
 <script setup lang="ts">

diff --git a/components/content/ProseCode.vue b/components/content/ProseCode.vue
@@ -1,5 +1,8 @@
 <template>
-  <UiCard class="[&:not(:first-child)]:mt-5 mb-5 overflow-hidden" :class="[inGroup && 'rounded-t-none']">
+  <UiCard
+    class="[&:not(:first-child)]:mt-5 mb-5 overflow-hidden"
+    :class="[inGroup && 'rounded-t-none border-none mb-0']"
+  >
     <div v-if="!inGroup && filename" class="p-3 border-b flex text-sm font-mono">
       <Icon v-if="icon" :name="icon" class="self-center mr-1.5" />
       {{ filename }}

diff --git a/content/1.getting-started/3.writing/2.components.md b/content/1.getting-started/3.writing/2.components.md
@@ -6,9 +6,10 @@ icon: 'lucide:component'
 
 ## Docs Components
 
-The :badge[Badges]{variant="outline"} under each component title marks the compatibility with other doc templates.
+The **Badges** under each component title marks the compatibility with other doc templates.
 
 ### Alert
+
 :badge[Docus]{variant="outline" to="https://docus.dev/api/components#alert" target="_blank"}
 
 ::code-group
@@ -434,8 +435,7 @@ npm i -D @iconify-json/collection-name
     Beautifully designed Nuxt Content template with shadcn-vue.<br>Customizable. Compatible. Open Source.
     ::
   ::
-
-  ```md [Code]
+  ```md[Code]
   ::hero
   ---
   announcement: