feat(unbind): manually unbind a ref

Author: posva

src/index.js

@@ -116,10 +116,9 @@ function install (Vue, options) {
   }
 
   Vue.prototype.$unbind = function (key) {
-    unbind({
-      vm: this,
-      key,
-    })
+    this._firestoreUnbinds[key]()
+    delete this._firestoreUnbinds[key]
+    delete this.$firestoreRefs[key]
   }
 }
 

test/unbind.spec.js

@@ -0,0 +1,48 @@
+import test from 'ava'
+import sinon from 'sinon'
+import Vuefire from '../src'
+import {
+  createSnapshot
+} from '../src/utils'
+import {
+  db,
+  tick,
+  Vue
+} from './helpers'
+
+Vue.use(Vuefire)
+
+test.beforeEach(async t => {
+  t.context.collection = db.collection()
+  t.context.document = t.context.collection.doc()
+  t.context.vm = new Vue({
+    render (h) {
+      return h('ul', this.items && this.items.map(
+        item => h('li', [item])
+      ))
+    },
+    // purposely set items as null
+    // but it's a good practice to set it to an empty array
+    data: () => ({
+      items: null,
+      item: null,
+    }),
+    firestore: {
+      items: t.context.collection,
+      item: t.context.document
+    }
+  }).$mount()
+  await tick()
+})
+
+test('manually unbinds a collection', async t => {
+  const vm = t.context.vm
+  const spy = sinon.spy(vm._firestoreUnbinds, 'items')
+  vm.$unbind('items')
+  t.is(spy.callCount, 1)
+  t.deepEqual(Object.keys(vm._firestoreUnbinds), ['item'])
+  t.deepEqual(Object.keys(vm.$firestoreRefs), ['item'])
+  t.deepEqual(vm.items, [])
+  await t.context.collection.add({ text: 'foo' })
+  t.deepEqual(vm.items, [])
+})