Allow passing a default value for until the promise resolves for the first time

Author: foxbenjaminfox

src/index.js

@@ -17,8 +17,11 @@ export default {
 
         Object.keys(this.$options.asyncComputed || {}).forEach(key => {
           const fn = this.$options.asyncComputed[key]
-          this.$options.computed[prefix + key] = fn
-          newData[key] = null
+          const get = typeof fn === 'function' ? fn : fn.get,
+                def = typeof fn.default === 'undefined' ? null : fn.default
+
+          this.$options.computed[prefix + key] = get
+          newData[key] = def
         })
 
         this.$options.data = function vueAsyncComputedInjectedDataFn () {

test/index.js

@@ -199,3 +199,33 @@ normal computed property objects", t => {
     t.equal(vm.c, 'vm-c')
   })
 })
+
+test("Async computed values can have defaults", t => {
+  t.plan(6)
+  const vm = new Vue({
+    asyncComputed: {
+      x: {
+        default: false,
+        get () {
+          return Promise.resolve(true)
+        }
+      },
+      y () {
+        return Promise.resolve(true)
+      },
+      z: {
+        get () {
+          return Promise.resolve(true)
+        }
+      }
+    }
+  })
+  t.equal(vm.x, false, 'x should default to true')
+  t.equal(vm.y, null, 'y doesn\'t have a default')
+  t.equal(vm.z, null, 'z doesn\'t have a default despite being defined with an object')
+  Vue.nextTick(() => {
+    t.equal(vm.x, true, 'x resolves to true')
+    t.equal(vm.y, true, 'y resolves to true')
+    t.equal(vm.z, true, 'z resolves to true')
+  })
+})