Fix active filter count

Author: jhae-de

dist/js/filter.js

@@ -1,6 +1,6 @@
 {
-    "/js/filter.js": "/js/filter.js?id=780ee916c0da40342cfb",
+    "/js/filter.js": "/js/filter.js?id=600ccbe8010e2133d28d",
     "/css/filter.css": "/css/filter.css?id=f3ba983b895c4611d7b4",
-    "/js/filter.js.map": "/js/filter.js.map?id=4fc538b5467629854790",
+    "/js/filter.js.map": "/js/filter.js.map?id=e696de49cbed576fcbba",
     "/css/filter.css.map": "/css/filter.css.map?id=3a7186ee9f42604ffbf2"
 }

dist/js/filter.js.map

@@ -31,7 +31,7 @@
                 />
 
                 <button
-                    v-show="this.filter.currentValue"
+                    v-show="isValidCurrentValue"
                     class="reset-button btn btn-sm fa fa-times"
                     @click="resetFilter"
                 ></button>
@@ -74,7 +74,7 @@
 
                 this.$store.commit(`${this.resourceName}/updateFilterState`, {
                     filterClass: this.filterKey,
-                    value: Array.isArray(value) && value.length === 2 ? value : '',
+                    value: Array.isArray(value) && value.length === 2 ? value : [],
                 });
 
                 this.$emit('change');
@@ -84,7 +84,7 @@
                 const flatpickrConfig = this.$refs.dateRangePickerComponent.getFlatpickrConfig();
                 const rangeSeparator = flatpickrConfig.locale.rangeSeparator || 'to';
 
-                if (!Array.isArray(this.filter.currentValue) || this.filter.currentValue.length !== 2) {
+                if (!this.isValidCurrentValue) {
                     return;
                 }
 
@@ -93,6 +93,10 @@
                     .join(` ${rangeSeparator} `);
             },
 
+            isValidCurrentValue: function () {
+                return Array.isArray(this.filter.currentValue) && this.filter.currentValue.length === 2
+            },
+
             resetFilter: function () {
                 this.$refs.dateRangePickerComponent.clear();
             },