Minor: try to fix docs for filter

Author: juzser

src/components/Filters/Filters.vue

@@ -320,9 +320,8 @@ const buttonClassName = classNames(styles.FilterTrigger);
 const transformedFilters = computed(() => transformFilters(props.filters));
 
 const hasAppliedFilters = computed<boolean>(() => {
-  const {appliedFilters, modelValue} = props;
-  const filtersApplied = Boolean(appliedFilters && appliedFilters.length > 0);
-  const queryApplied = Boolean(modelValue && modelValue !== '');
+  const filtersApplied = Boolean(props.appliedFilters && props.appliedFilters.length > 0);
+  const queryApplied = Boolean(props.modelValue && props.modelValue !== '');
 
   return filtersApplied || queryApplied;
 });

src/components/Filters/README.stories.mdx

@@ -83,7 +83,7 @@ export const Template = (args) => ({
     const accountStatus = ref([]);
     const moneySpent = ref([]);
     const taggedWith = ref(null);
-    const queryValue = ref(null);
+    const queryValue = ref('');
     const appliedFilters = computed(() => {
       const tmpFilters = [];
       if (accountStatus.value && accountStatus.value.length > 0) {

src/components/IndexTable/README.stories.mdx

@@ -277,7 +277,7 @@ export const Template = (args) => ({
     const { selectedResources, allResourcesSelected, handleSelectionChange } =
       useIndexResourceState(customers);
     const taggedWith = ref('VIP');
-    const queryValue = ref(null);
+    const queryValue = ref('');
     const sortValue = ref('today');
     const handleTaggedWithChange = (value) => { taggedWith.value = value };
     const handleTaggedWithRemove = () => { taggedWith.value = null };