fixed corner case with constructor

Author: Gleb Ivanov

src/component.ts

@@ -26,9 +26,13 @@ export function componentFactory (
 ): VueClass<Vue> {
   const reflectionMap: ReflectionMap = {
       instance: {},
-      static: {}
+      static: {},
+      constructor: []
   }
 
+  if (reflectionIsSupported()) {
+    reflectionMap.constructor = Reflect.getOwnMetadataKeys(Component)
+  }
   options.name = options.name || (Component as any)._componentTag || (Component as any).name
   // prototype props.
   const proto = Component.prototype

src/reflect.ts

@@ -5,6 +5,7 @@ export type StringToArrayMap = {
 }
 
 export type ReflectionMap = {
+  constructor: Array<string>,
   instance: StringToArrayMap,
   static: StringToArrayMap
 }
@@ -20,13 +21,19 @@ export function copyReflectionMetadata(
 ) {
   shallowCopy(from.prototype, to.prototype, reflectionMap.instance)
   shallowCopy(from, to, reflectionMap.static)
+  shallowCopy(from, to, {'constructor': reflectionMap.constructor})
 }
 
 function shallowCopy(from: VueConstructor, to: VueConstructor, propertyKeys: StringToArrayMap) {
   for (const propertyKey in propertyKeys) {
     propertyKeys[propertyKey].forEach((metadataKey) => {
-      const metadata = Reflect.getOwnMetadata(metadataKey, from, propertyKey)
-      Reflect.defineMetadata(metadataKey, metadata, to, propertyKey)
+      if (propertyKey == 'constructor') {
+          const metadata = Reflect.getOwnMetadata(metadataKey, from)
+          Reflect.defineMetadata(metadataKey, metadata, to)
+      } else {
+          const metadata = Reflect.getOwnMetadata(metadataKey, from, propertyKey)
+          Reflect.defineMetadata(metadataKey, metadata, to, propertyKey)
+      }
     })
   }
 }

test/test.ts

@@ -372,8 +372,14 @@ describe('vue-class-component', () => {
   })
 
   it('copies reflection metadata', function () {
+    const trickyDecorator = (proto: Vue, _: string) =>
+        Reflect.defineMetadata('worksConstructor', true, proto.constructor);
+
     @Component
     class Test extends Vue {
+      @trickyDecorator
+      trickyCase: string = 'trickyCase'
+
       @Reflect.metadata('worksStatic', true)
       static staticValue: string = 'staticValue'
 
@@ -385,6 +391,7 @@ describe('vue-class-component', () => {
       set testAccessor(value: boolean) { void(value) }
     }
 
+    expect(Reflect.getOwnMetadata('worksConstructor', Test)).to.equal(true)
     expect(Reflect.getOwnMetadata('worksStatic', Test, 'staticValue')).to.equal(true)
     expect(Reflect.getOwnMetadata('worksMethod', Test.prototype, 'test')).to.equal(true)
     expect(Reflect.getOwnMetadata('worksAccessor', Test.prototype, 'testAccessor')).to.equal(true)