remove bulma Drawer slot "heading"

ui/src/components/DoorMapEditor.vue

@@ -1,8 +1,5 @@
 <template>
-  <BulmaDrawer>
-    <template v-slot:heading>Türchen bearbeiten</template>
-
-    <template v-slot:default>
+  <BulmaDrawer header="Türchen bearbeiten">
     <div class="panel-tabs is-justify-content-space-between">
       <BulmaButton
         :disabled="current_step === 0"
@@ -45,7 +42,6 @@
         text="Speichern"
       />
     </div>
-    </template>
   </BulmaDrawer>
 </template>
 

ui/src/components/bulma/Drawer.vue

@@ -7,7 +7,7 @@
             :icon="'fa-solid fa-angle-' + (is_open ? 'down' : 'right')"
           />
         </span>
-        <span><slot name="heading" /></span>
+        <span v-if="header !== ''">{{ header }}</span>
       </span>
     </p>
     <slot v-if="is_open" name="default" />
@@ -15,10 +15,20 @@
 </template>
 
 <script lang="ts">
-import { Vue } from "vue-class-component";
+import { Options, Vue } from "vue-class-component";
 
+@Options({
+  props: {
+    header: {
+      type: String,
+      required: false,
+      default: "",
+    },
+  },
+})
 export default class extends Vue {
   public is_open = false;
+  public header!: string;
 }
 </script>