src/components/ui/VnSearchbar.vue

@@ -51,10 +51,6 @@ const props = defineProps({
         type: Object,
         default: null,
     },
-    staticParams: {
-        type: Array,
-        default: () => [],
-    },
     exprBuilder: {
         type: Function,
         default: null,
@@ -102,11 +98,15 @@ onMounted(() => {
 async function search() {
     const staticParams = Object.entries(store.userParams);
     arrayData.reset(['skip', 'page']);
-
+    let filter = {
-    const filter = {
+        params: {
+            search: searchText.value,
+        },
+    };
+    if (!searchText.value) {
+        filter = {
             params: {
                 ...Object.fromEntries(staticParams),
-            search: searchText.value,
             },
             ...{ filter: props.filter },
         };
@@ -117,6 +117,7 @@ async function search() {
             };
             delete filter.params.search;
         }
+    }
     await arrayData.applyFilter(filter);
 }
 </script>

src/pages/Ticket/TicketList.vue

@@ -1,6 +1,6 @@
 <script setup>
 import axios from 'axios';
-import { computed, ref, onMounted } from 'vue';
+import { computed, ref, onBeforeMount } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useStateStore } from 'stores/useStateStore';
 import { useI18n } from 'vue-i18n';
@@ -46,7 +46,7 @@ const userParams = {
     from: null,
     to: null,
 };
-onMounted(() => {
+onBeforeMount(() => {
     initializeFromQuery();
     stateStore.rightDrawer = true;
     if (!route.query.createForm) return;