chore: simplify components slot

nuxt-themes · May 28, 2021 · 63fc12f · 63fc12f
1 parent 1520951
commit 63fc12f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/src/defaultTheme/components/atoms/Alert.vue b/src/defaultTheme/components/atoms/Alert.vue
@@ -2,7 +2,7 @@
   <div class="p-4 mt-4 mb-4 rounded-md alert" :class="[type]">
     <div class="flex items-start">
       <div class="flex-grow alert-content">
-        <Markdown :node="$slots.default" unwrap="p" />
+        <Markdown unwrap="p" />
       </div>
     </div>
   </div>

diff --git a/src/defaultTheme/components/atoms/ButtonLink.vue b/src/defaultTheme/components/atoms/ButtonLink.vue
@@ -1,17 +1,17 @@
 <template>
   <NuxtLink v-if="isInternal" :to="href" class="button-link" :class="[size, bold ? 'font-semibold' : 'font-medium']">
-    <Markdown :node="content" />
+    <Markdown unwrap="p ul li" />
   </NuxtLink>
 
   <a v-else :href="href" class="button-link" :class="[size, bold ? 'font-semibold' : 'font-medium']" v-bind="linkAttrs">
-    <Markdown :node="content" />
+    <Markdown unwrap="p ul li" />
     <IconExternalLink v-if="blank" class="w-4 h-4 ml-2" />
   </a>
 </template>
 
 <script>
 import { computed, defineComponent } from '@nuxtjs/composition-api'
-import { flatUnwrap, Markdown } from '~docus/utils'
+import { Markdown } from '~docus/utils'
 
 export default defineComponent({
   components: { Markdown },
@@ -42,11 +42,6 @@ export default defineComponent({
       isInternal,
       linkAttrs
     }
-  },
-  computed: {
-    content() {
-      return flatUnwrap(this.$slots.default, ['p', 'ul', 'li'])
-    }
   }
 })
 </script>