fix: update filter handling to use visibleFiltersCount for button state

Author: NoOne7135

adminforth/spa/src/components/Filters.vue

@@ -136,7 +136,7 @@
 
    <div class="flex justify-end gap-2">
       <button 
-        :disabled="!filtersStore.filters.length"
+        :disabled="!filtersStore.visibleFiltersCount"
         type="button" 
         class="flex items-center py-1 px-3 text-sm font-medium text-lightFiltersClearAllButtonText focus:outline-none bg-lightFiltersClearAllButtonBackground rounded border border-lightFiltersClearAllButtonBorder hover:bg-lightFiltersClearAllButtonBackgroundHover hover:text-lightFiltersClearAllButtonTextHover focus:z-10 focus:ring-4 focus:ring-lightFiltersClearAllButtonFocus dark:focus:ring-darkFiltersClearAllButtonFocus dark:bg-darkFiltersClearAllButtonBackground dark:text-darkFiltersClearAllButtonText dark:border-darkFiltersClearAllButtonBorder dark:hover:text-darkFiltersClearAllButtonTextHover dark:hover:bg-darkFiltersClearAllButtonBackgroundHover disabled:opacity-50 disabled:cursor-not-allowed"
         @click="clear">{{ $t('Clear all') }}</button>

adminforth/spa/src/stores/filters.ts

@@ -14,20 +14,10 @@ export const useFiltersStore = defineStore('filters', () => {
         return sort.value;
     }
     const setFilter = (filter: any) => {
-        const shouldHide = shouldFilterBeHidden(filter.field);
-        filters.value.push({ 
-            ...filter, 
-            countInBadge: !shouldHide 
-        });
+        filters.value.push(filter);
     }
     const setFilters = (f: any) => {
-        filters.value = f.map((filter: any) => {
-            if (filter.countInBadge === undefined) {
-                const shouldHide = shouldFilterBeHidden(filter.field);
-                return { ...filter, countInBadge: !shouldHide };
-            }
-            return filter;
-        });
+        filters.value = f;
     }
     const getFilters = () => {
         return filters.value;
@@ -47,7 +37,7 @@ export const useFiltersStore = defineStore('filters', () => {
     }
 
     const visibleFiltersCount = computed(() => {
-        return filters.value.filter(f => f.countInBadge !== false).length;
+        return filters.value.filter(f => !shouldFilterBeHidden(f.field)).length;
     });
 
     return {