From 9a8d44c46b9ee1204fd3584851945cfcb35efae1 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 30 Jul 2024 17:47:49 +0200
Subject: [PATCH] docs(ComponentCode): improve slots display

---
 docs/app/components/content/ComponentCode.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/docs/app/components/content/ComponentCode.vue b/docs/app/components/content/ComponentCode.vue
index b26f1610..28534fce 100644
--- a/docs/app/components/content/ComponentCode.vue
+++ b/docs/app/components/content/ComponentCode.vue
@@ -137,15 +137,18 @@ const code = computed(() => {
   }
 
   if (props.slots) {
-    if (props.slots && Object.keys(props.slots).length === 1 && props.slots.default) {
-      code += `>${props.slots.default}</${name}>`
-    } else {
-      code += `>
-  ${Object.entries(props.slots).map(([key, value]) => `<template #${key}>
+    code += `>`
+    for (const [key, value] of Object.entries(props.slots)) {
+      if (key === 'default') {
+        code += props.slots.default
+      } else {
+        code += `
+  <template #${key}>
     ${value}
-  </template>`).join('\n  ')}
-</${name}>`
+  </template>`
+      }
     }
+    code += (Object.keys(props.slots).length > 1 ? '\n' : '') + `</${name}>`
   } else {
     code += ' />'
   }