Class extends work a bit wrong

[fimars]

Background

// base input component
@Component({
  template: require('any.html')
})
export class InputComponent extends Vue {
  // ...something doesn't important

  @Watch('value')
  private valueChange(newVal: string | number, oldVal: string | number) {
    this.setCurrentValue(newVal);
  }
}

// a mock component for test
@Component({
  template: require('any.html'),
})
class MockComponent extends InputComponent {
  constructor() {
    super();
  }
}

How

Work very well, but have a bit weird. The MockInputComponent have two duplicate content,
caused his watcher to be triggered twice.

Like this:

Am I doing something wrong?

[ktsn]

Could you provide self-contained reproduction?

[HerringtonDarkholme]

I guess the problem comes from here.

https://github.com/vuejs/vue-class-component/blob/master/src/component.ts#L58

And here

https://github.com/vuejs/vue-class-component/blob/master/src/util.ts#L22-L28

Note __decorator__ is inherited, every time @Component call will add inherited decorators again, thus duplication happens.

[fimars]

@HerringtonDarkholme I agree your guess. @ktsn Here is a reproduction jsfiddle.

PS: This example works very well another example.

[ktsn]

Thanks for the repro. This seems a regression caused by static member forwarding that introduced in v6.1.0.