@kikiloaw/simple-table 1.1.8 → 1.1.11

package/README.md

@@ -1417,9 +1417,9 @@ tableRef.value?.refresh()
 
 | Method | Parameters | Description |
 |--------|------------|-------------|
-| `refresh()` | None | Resets page to 1 and refetches data |
-| `fetchData(params)` | `params: Object` | Fetch data with specific custom parameters |
-| `clearCache()` | None | Clears the client-side response cache |
+| `refresh()` | None | **Resets to Page 1** and refetches data. Use for "Reset" actions. |
+| `fetchData(params)` | `params?: Object` | Refetches **current page** (if no params). Pass params to override (e.g. `{ page: 1 }`). |
+| `clearCache(scope)` | `scope?: 'all' \| 'current'` | Clears cache. Default `'all'` clears everything. Pass `'current'` to clear only active page state. |
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kikiloaw/simple-table",
-    "version": "1.1.8",
+    "version": "1.1.11",
     "description": "A lightweight, dependency-light DataTable component for Vue 3 with Tailwind CSS",
     "main": "src/index.js",
     "module": "src/index.js",

package/src/SimpleTable.vue

@@ -194,8 +194,13 @@ function getCacheKey(): string {
     })
 }
 
-function clearCache() {
-    responseCache.value.clear()
+function clearCache(scope: 'all' | 'current' = 'all') {
+    if (scope === 'current') {
+        const key = getCacheKey()
+        responseCache.value.delete(key)
+    } else {
+        responseCache.value.clear()
+    }
 }
 
 // Internal data state to handle both props updates and ajax updates
@@ -336,8 +341,10 @@ const paginationMeta = computed(() => {
 })
 
 // -- Computed: Page Numbers for Pagination --
+const { width } = useWindowSize()
+
 const pageNumbers = computed(() => {
-    const { width } = useWindowSize()
+    // const { width } = useWindowSize() // MOVED OUTSIDE
     const isMobile = width.value < 640
     const isExtraSmall = width.value < 550