Employees-Index: Debounce fetchFromApi

Fixes #26

src/components/Employees/SimpleSearch.vue

@@ -51,9 +51,12 @@ const unionColumns = computed(() => {
     return union(props.columns, columnsChecked.value)
 })
 
-const search = _debounce(() => { 
+function search() {
     emit('search', queryString.value)
-}, 150)
+}
+/* const search = _debounce(() => { 
+    emit('search', queryString.value)
+}, 150) */
 
 </script>
 

src/stores/employees.ts

@@ -3,6 +3,7 @@ import { useUser } from '@/stores/user'
 import axios from '@/axios'
 import _cloneDeep from 'lodash/cloneDeep'
 import _assign from 'lodash/assign'
+import _debounce from 'lodash/debounce'
 import { reactive, watch, onMounted } from 'vue'
 
 export default defineStore('employees', () => {
@@ -74,9 +75,9 @@ export default defineStore('employees', () => {
         state.page = pPage
     }
 
-    watch(() => [state.limit, state.sort_by, state.simple_search, state.page], () => {
+    watch(() => [state.limit, state.sort_by, state.simple_search, state.page], _debounce(() => {
         fetchFromApi()
-    })
+    }, 300))
 
     onMounted(() => {
         fetchFromApi()