fix: analyze table paginator

src/auto-import.d.ts

@@ -41,6 +41,7 @@ declare global {
   const h: typeof import('vue')['h']
   const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
   const inject: typeof import('vue')['inject']
+  const injectLocal: typeof import('@vueuse/core')['injectLocal']
   const isDefined: typeof import('@vueuse/core')['isDefined']
   const isProxy: typeof import('vue')['isProxy']
   const isReactive: typeof import('vue')['isReactive']
@@ -73,6 +74,7 @@ declare global {
   const onUpdated: typeof import('vue')['onUpdated']
   const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
   const provide: typeof import('vue')['provide']
+  const provideLocal: typeof import('@vueuse/core')['provideLocal']
   const reactify: typeof import('@vueuse/core')['reactify']
   const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
   const reactive: typeof import('vue')['reactive']

src/views/analyze/components/analyze-data-table.tsx

@@ -64,6 +64,13 @@ export const AnalyzeDataTable = defineComponent({
         setHeaderButtons(null)
       })
     })
+    watch(
+      () => route.query.page,
+      async (n) => {
+        await fetchData(n ? +n : 1)
+      },
+    )
+
     const {
       data,
       pager,

src/views/analyze/index.tsx

@@ -11,7 +11,6 @@ import {
   toRaw,
   watch,
 } from 'vue'
-import { useRoute } from 'vue-router'
 import type { IPAggregate, Month, Path, Today, Total, Week } from './types'
 
 import { Chart } from '@antv/g2/esm'
@@ -24,15 +23,6 @@ const SectionTitle = defineComponent((_, { slots }) => () => (
 ))
 export default defineComponent({
   setup() {
-    const route = useRoute()
-    watch(
-      () => route.query.page,
-      async (n) => {
-        // @ts-expect-error
-        await fetchData(n)
-      },
-    )
-
     // graph
     const count = ref({} as Total)
     const todayIp = ref<string[]>()