fix: refresh Pagination when the select type changed (#17)

当修改类型时，分页组件进行刷新

fixes #16

```release-note
None
```

console/src/components/AppStoreTab.vue

@@ -12,7 +12,7 @@ import {
   VPagination,
   VSpace,
 } from "@halo-dev/components";
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import AppCard from "./AppCard.vue";
 import { useLocalStorage } from "@vueuse/core";
 import AppDetailModal from "./AppDetailModal.vue";
@@ -121,6 +121,11 @@ const handleSelectNext = async () => {
     selectedApp.value = items[0];
   }
 };
+
+// page refresh
+watch([selectedPriceMode, selectedSort, keyword], () => {
+  page.value = 1;
+});
 </script>
 
 <template>

console/src/views/AppStore.vue

@@ -22,7 +22,7 @@ import {
 } from "@halo-dev/components";
 import { useQuery } from "@tanstack/vue-query";
 import { useLocalStorage } from "@vueuse/core";
-import { computed, nextTick } from "vue";
+import { computed, nextTick, watch } from "vue";
 import { ref } from "vue";
 import RiApps2Line from "~icons/ri/apps-2-line";
 
@@ -172,6 +172,10 @@ const handleSelectNext = async () => {
     selectedApp.value = items[0];
   }
 };
+// page refresh
+watch([selectedPriceMode, selectedType, selectedSort, onlyQueryInstalled, keyword], () => {
+  page.value = 1;
+});
 </script>
 
 <template>