reset page on query change

Author: ThibaudDauce

components/Metrics/AdminDataservicesPage.vue

@@ -178,6 +178,7 @@ const page = ref(1)
 const pageSize = ref(20)
 const q = ref('')
 const qDebounced = refDebounced(q, config.public.searchDebounce)
+watch(qDebounced, () => page.value = 1)
 const sortedBy = ref<DataserviceSortedBy>('title')
 const direction = ref<SortDirection>('desc')
 const sortDirection = computed(() => `${direction.value === 'asc' ? '' : '-'}${sortedBy.value}`)

components/Metrics/AdminDatasetsPage.vue

@@ -215,6 +215,7 @@ const page = ref(1)
 const pageSize = ref(20)
 const q = ref('')
 const qDebounced = refDebounced(q, config.public.searchDebounce)
+watch(qDebounced, () => page.value = 1)
 
 const sortedBy = ref<DatasetSortedBy>('created')
 const direction = ref<SortDirection>('desc')

components/Metrics/AdminReusesPage.vue

@@ -190,6 +190,7 @@ const page = ref(1)
 const pageSize = ref(20)
 const q = ref('')
 const qDebounced = refDebounced(q, config.public.searchDebounce)
+watch(qDebounced, () => page.value = 1)
 const sortedBy = ref<ReuseSortedBy>('created')
 const direction = ref<SortDirection>('desc')
 const sortDirection = computed(() => `${direction.value === 'asc' ? '' : '-'}${sortedBy.value}`)