fix: useTable reset page.index when data change

Author: zuofenghua

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ahooks-vue",
-  "version": "0.12.8",
+  "version": "0.12.9",
   "description": "ahooks-vue",
   "types": "dist/src/index.d.ts",
   "repository": "https://github.com/dewfall123/ahooks-vue.git",

src/useTable/__tests__/index.spec.ts

@@ -64,15 +64,13 @@ describe('useTable', () => {
 
     expect(total.value).toEqual(1);
     expect(
-      pagedData.value.every((item) =>
-        JSON.stringify(item).includes(searchText),
-      ),
+      pagedData.value.every(item => JSON.stringify(item).includes(searchText)),
     );
 
     search.value.text === 'Jim Green';
     await nextTick(() => {
       expect(
-        pagedData.value.every((item) =>
+        pagedData.value.every(item =>
           JSON.stringify(item).includes('Jim Green'),
         ),
       );
@@ -81,7 +79,7 @@ describe('useTable', () => {
     search.value.text = '39';
     search.value.keys = ['age'];
     await nextTick(() => {
-      expect(pagedData.value.every((item) => item.age === 39));
+      expect(pagedData.value.every(item => item.age === 39));
     });
   });
 });

src/useTable/demo/sort-icon.vue

@@ -1,4 +1,4 @@
-<template functional>
+<template>
   <svg
     t="1603888743183"
     class="icon"

src/useTable/index.ts

@@ -132,12 +132,10 @@ export function useTable<T>(
     return list as T[];
   });
 
-  watch(
-    () => data,
-    () => {
-      search.value.text = '';
-    },
-  );
+  watch([data], () => {
+    search.value.text = '';
+    page.value.index = 1;
+  });
 
   watch(
     () => page.value.size,