<script lang="ts">
import { Options, Vue, mixins } from "vue-class-component";

@Options({
  computed: {
    m1Computed(){
      return 'm1computed call'
    }
  }
})
class M1 extends Vue {}

@Options({
  computed: {
    m11Computed(){
      return 'm11computed call'
    }
  }
})
class M11 extends mixins(M1) {}

@Options({
  computed: {
    m2Computed(){
      return 'm2computed call'
    }
  }
})
class M2 extends mixins(M11) {}

export default class App extends mixins(M2) {
  get appComputed() {
    return 'app computed'
  }

  mounted () {
    console.log( (this as any).m1Computed)
    console.log( (this as any).m11Computed)
    console.log( (this as any).m2Computed)
    console.log( (this as any).appComputed)
    console.log(this)
  }
}
</script>