feat(bind): automatically unbinds an already bound key

Author: posva

src/index.js

@@ -123,6 +123,9 @@ function install (Vue, options) {
 
   // TODO test if $bind exist and warns
   Vue.prototype.$bind = function (key, ref) {
+    if (this._firestoreUnbinds[key]) {
+      this.$unbind(key)
+    }
     const promise = bind({
       vm: this,
       key,

test/bind.spec.js

@@ -64,3 +64,18 @@ test('rejects the promise when errors', async t => {
   document.onSnapshot.restore()
   collection.onSnapshot.restore()
 })
+
+test('unbinds previously bound refs', async t => {
+  const { vm, document } = t.context
+  await document.update({ foo: 'foo' })
+  const doc2 = db.collection().doc()
+  await doc2.update({ bar: 'bar' })
+  await vm.$bind('item', document)
+  t.is(vm.$firestoreRefs.item, document)
+  t.deepEqual(vm.item, { foo: 'foo' })
+  await vm.$bind('item', doc2)
+  t.deepEqual(vm.item, { bar: 'bar' })
+  await document.update({ foo: 'baz' })
+  t.is(vm.$firestoreRefs.item, doc2)
+  t.deepEqual(vm.item, { bar: 'bar' })
+})