mattkenefick
commented
2 days ago I've been exploring this too. I think it's because you're exporting the default.
That was common in Vue2 but now you have to export the class and component separately if you want to extend multiple, so like this.
<script lang="ts">
// Main.vue
import { Component, toNative } from 'vue-facing-decorator';
@Component
export class Main extends Vue {
}
</script><script lang="ts">
// Main2.vue
import { Main } from './Main';
import { Component, toNative } from 'vue-facing-decorator';
@Component
export class Main2 extends Main {
}
</script>
When extends components, the following problem occurs: Class extends value #
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 ....