I have a component structured like this:
<template>
<div>
<some-module />
</div>
</template>
<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';
import SomeModule from '../../node_modules/somemodule/SomeModule.vue'
import MyComponent from 'MyComponent.vue'
@Component({
components: {
SomeModule
}
})
export default class AppMyRootComponent extends Vue {
}
</script>
Within this module, there is a subcomponent that looks like this:
<template>
<div>
<module-component />
</div>
</template>
<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';
import ModuleComponent from 'ModuleComponent'
@Component({
components: {
ModuleComponent
}
})
export default class SomeModule extends Vue {
}
</script>
I want to use SomeModule as is, but I need to change ModuleComponent to MyComponent when using it.