From 24696fe44f1613329fde1acb96985e9b0172e877 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Sun, 28 Dec 2025 16:44:18 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20ui:=20BulmaDrawer=20slots=20for=20"?=
 =?UTF-8?q?loading"/"error"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/bulma/Drawer.vue | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/ui/src/components/bulma/Drawer.vue b/ui/src/components/bulma/Drawer.vue
index 54e6239..304b43c 100644
--- a/ui/src/components/bulma/Drawer.vue
+++ b/ui/src/components/bulma/Drawer.vue
@@ -22,20 +22,21 @@
       </button>
     </header>
 
-    <template v-if="is_open">
-      <div v-if="state === 'loading'" class="card-content">
+    <slot v-if="state === 'loading'" name="loading">
+      <div class="card-content">
         <progress class="progress is-primary" />
       </div>
-      <div
-        v-else-if="state === 'err'"
-        class="card-content has-text-danger has-text-centered"
-      >
+    </slot>
+
+    <slot v-else-if="state === 'err'" name="error">
+      <div class="card-content has-text-danger has-text-centered">
         <span class="icon is-large">
           <FontAwesomeIcon :icon="['fas', 'ban']" size="3x" />
         </span>
       </div>
-      <slot v-else name="default" />
-    </template>
+    </slot>
+
+    <slot v-else-if="state === 'ok'" name="default" />
   </div>
 </template>