Merge pull request #88 from nwtgck/decorator

Add a decorator for vue-class-component

Author: foxbenjaminfox

package-lock.json

@@ -76,5 +76,8 @@
     "tape": "^4.12.0",
     "vue": "^2.5.21",
     "watch": "^1.0.2"
+  },
+  "dependencies": {
+    "vue-class-component": "^7.1.0"
   }
 }

package.json

@@ -16,6 +16,7 @@ import {
   getGetterWithShouldUpdate,
   shouldNotUpdate,
 } from './shouldUpdate'
+import { createDecorator } from 'vue-class-component'
 
 const prefix = '_async_computed$'
 
@@ -178,6 +179,18 @@ function generateDefault (fn, pluginOptions) {
   }
 }
 
+export function AsyncComputedProp (computedOptions) {
+  return createDecorator((options, key) => {
+    options.asyncComputed = options.asyncComputed || {}
+    const method = options.methods[key]
+    options.asyncComputed[key] = Object.assign(
+      { get: method },
+      computedOptions
+    )
+    delete options.methods[key]
+  })
+}
+
 export default AsyncComputed
 
 /* istanbul ignore if */

src/index.js

@@ -1,4 +1,5 @@
 import Vue, { PluginFunction } from "vue";
+import { VueDecorator } from 'vue-class-component';
 
 export interface IAsyncComputedOptions {
   errorHandler?: (error: string | Error) => void;
@@ -21,6 +22,10 @@ interface IAsyncComputedValue<T> {
   lazy?: boolean;
 }
 
+export function AsyncComputedProp<T>(
+  computedOptions?: IAsyncComputedValue<T>,
+): VueDecorator
+
 interface AsyncComputedObject {
   [K: string]: AsyncComputedGetter<any> | IAsyncComputedValue<any>;
 }