fix: workaround for missing allSelected prop: use custom prop that is…

… used anyways
OCR-D · Sep 3, 2024 · fa97faf · fa97faf
1 parent 78c094e
commit fa97faf
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/base/MultiSelect.vue b/src/components/base/MultiSelect.vue
@@ -34,9 +34,9 @@ const dropdownLabel = computed(() => {
       class: { 'ml-20': props.filter }
     }
   }">
-    <template #headercheckboxicon="{ allSelected }">
-      <Icon v-show="allSelected" icon="prime:check" class="p-checkbox-icon h-5 w-5" data-pc-section="headercheckboxicon"/>
-      <span :class="['ml-[7.5rem] absolute w-20 z-[1001]', allSelected ? 'text-highlight' : 'text-black']">{{ t('select_all') }}</span>
+    <template #headercheckboxicon>
+      <Icon v-show="allItemsSelected" icon="prime:check" class="p-checkbox-icon h-5 w-5" data-pc-section="headercheckboxicon"/>
+      <span :class="['ml-[7.5rem] absolute w-20 z-[1001]', allItemsSelected ? 'text-highlight' : 'text-black']">{{ t('select_all') }}</span>
     </template>
     <template v-for="(_, slot) in $slots" v-slot:[slot]="slotData">
       <slot :name="slot" v-bind="slotData"></slot>