remove deprecated observe() from stores, take 2 (#249)

routes/_components/virtualList/virtualListStore.js

@@ -104,12 +104,13 @@ virtualListStore.compute('allVisibleItemsHaveHeight',
 if (process.browser && process.env.NODE_ENV !== 'production') {
   window.virtualListStore = virtualListStore
 
-  virtualListStore.observe('visibleItems', () => {
+  virtualListStore.on('state', ({changed}) => {
+    if (changed.visibleItems) {
       window.visibleItemsChangedCount = (window.visibleItemsChangedCount || 0) + 1
-  })
-
-  virtualListStore.observe('rawVisibleItems', () => {
+    }
+    if (changed.rawVisibleItems) {
       window.rawVisibleItemsChangedCount = (window.rawVisibleItemsChangedCount || 0) + 1
+    }
   })
 }
 

routes/_store/store.js

@@ -2,6 +2,7 @@ import { observers } from './observers/observers'
 import { computations } from './computations/computations'
 import { mixins } from './mixins/mixins'
 import { LocalStorageStore } from './LocalStorageStore'
+import { observe } from 'svelte-extras'
 
 const KEYS_TO_STORE_IN_LOCAL_STORAGE = new Set([
   'currentInstance',
@@ -24,6 +25,8 @@ class PinaforeStore extends LocalStorageStore {
   }
 }
 
+PinaforeStore.prototype.observe = observe
+
 export const store = new PinaforeStore({
   instanceNameInSearch: '',
   queryInSearch: '',