fix: unwrap vue proxies in refCountMap

#42 (comment)

Author: danielroe

src/view.ts

@@ -3,7 +3,7 @@
 import type { ResultType, Schema } from '@rocicorp/zero'
 import type { Change, Entry, Format, HumanReadable, Input, Output, Query, ViewFactory } from '@rocicorp/zero/advanced'
 import { applyChange } from '@rocicorp/zero/advanced'
-import { reactive } from 'vue'
+import { reactive, toRaw } from 'vue'
 
 interface QueryResultDetails {
   readonly type: ResultType
@@ -14,11 +14,33 @@ type State = [Entry, QueryResultDetails]
 const complete = { type: 'complete' } as const
 const unknown = { type: 'unknown' } as const
 
+interface RefCountMap {
+  get: (entry: Entry) => number | undefined
+  set: (entry: Entry, refCount: number) => void
+  delete: (entry: Entry) => boolean
+}
+
+class VueRefCountMap implements RefCountMap {
+  readonly #map = new WeakMap<Entry, number>()
+
+  get(entry: Entry) {
+    return this.#map.get(toRaw(entry))
+  }
+
+  set(entry: Entry, refCount: number) {
+    this.#map.set(toRaw(entry), refCount)
+  }
+
+  delete(entry: Entry) {
+    return this.#map.delete(toRaw(entry))
+  }
+}
+
 class VueView<V> implements Output {
   readonly #input: Input
   readonly #format: Format
   readonly #onDestroy: () => void
-  readonly #refCountMap = new WeakMap<Entry, number>()
+  readonly #refCountMap = new VueRefCountMap()
 
   #state: State