Class extends value #<Object> is not a constructor or null

[markus-petelinc]

When extends components, the following problem occurs: Class extends value #<Object> is not a constructor or null

Both classes are in seperated .vue files and contain template and css.

With Vue2 Class Decorators it was possible to extends .vue files with the template directly and the template and css was taken over from the extended class.

Does anyone have a solution for this problem without splitting .vue files into .ts, .html, .css ....

<script lang="ts">
import {Vue, Component, Inject} from 'vue-facing-decorator';

@Component
export default class Main extends Vue {

}
</script>

<template>
    <main class="responsive">
        <slot></slot>
    </main>
</template>

<style scoped>

</style>

<script lang="ts">
import {Vue, Component, Inject} from 'vue-facing-decorator';
import Main from "@/components/Main.vue";

@Component
export default class Main2 extends Main {

}
</script>