fix: watcher

Author: francisashley

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-screener",
-  "version": "0.15.4",
+  "version": "0.15.7",
   "type": "module",
   "description": "Easily search and filter data in Vue3.",
   "author": "Francis Ashley",

src/components/VueScreener.vue

@@ -45,10 +45,9 @@ const props = defineProps<{
   title?: string
 }>()
 
-const internalScreener = computed(() => {
-  return props.screener ?? useVueScreener(props.data ?? [])
-})
+const internalScreener = computed(() => props.screener ?? useVueScreener(props.data ?? []))
 
+watch(() => props.data, (data: any) => internalScreener.value.actions.setData(data)) // eslint-disable-line
 watch(() => props.contentHeight, (contentHeight) => internalScreener.value.actions.setOptions({ contentHeight })) // eslint-disable-line
 watch(() => props.defaultCurrentPage, (defaultCurrentPage) => internalScreener.value.actions.setOptions({ defaultCurrentPage })) // eslint-disable-line
 watch(() => props.defaultRowsPerPage, (defaultRowsPerPage) => internalScreener.value.actions.setOptions({ defaultRowsPerPage })) // eslint-disable-line

src/hooks/use-vue-screener.ts

@@ -159,7 +159,7 @@ export const useVueScreener = (inputData?: unknown[], defaultOptions: VueScreene
     setPerPage: (rowsPerPage: number) => actions.search({ rowsPerPage }),
     setDimensions: (_dimensions: { height: number; width: number } | null) => (dimensions.value = _dimensions), // eslint-disable-line
     setData: (inputData: unknown) => (allRows.value = isValidInput(inputData) ? convertToRows(inputData) : []),
-    setLoading: (loading: boolean) => (options.value.loading = loading),
+    setLoading: (isLoading: boolean) => (loading.value = isLoading),
     setHasHorizontalOverflow: (value: boolean) => (hasHorizontalOverflow.value = value),
     setIsScrolledToRightEdge: (value: boolean) => (isScrolledToRightEdge.value = value),
     setOptions: (newOptions: Partial<VueScreenerOptions>) => {