fix: react to slot changes properly

Signed-off-by: Mathis Mensing <[email protected]>
fluidd-core · Jun 3, 2024 · 02cb0c1 · 02cb0c1
1 parent 6d3ed14
commit 02cb0c1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/common/CollapsableCard.vue b/src/components/common/CollapsableCard.vue
@@ -383,7 +383,11 @@ export default class CollapsableCard extends Vue {
   }
 
   get hasCollapsedContentSlot () {
-    return !!this.$slots['collapsed-content'] || !!this.$scopedSlots['collapsed-content']
+    // no idea if the slot has children, so we assume it does
+    if (this.$scopedSlots['collapse-button']) return true
+
+    // return true if slot is defined and has child elements
+    return !!this.$slots['collapsed-content']?.length
   }
 
   mounted () {

diff --git a/src/components/widgets/status/PrinterStatusCard.vue b/src/components/widgets/status/PrinterStatusCard.vue
@@ -39,11 +39,9 @@
       />
     </template>
 
-    <template
-      v-if="printerPrinting || printerPaused || filename"
-      #collapsed-content
-    >
+    <template #collapsed-content>
       <v-progress-linear
+        v-if="printerPrinting || printerPaused || filename"
         :height="6"
         :value="estimates.progress"
         color="primary"