покажи где у тебя <component> используется
<template>
<component :is="activeComponent" />
</template>
<script>
import PromoCardLarge from '~/components/PromoCard/PromoCardLarge.vue';
import PromoCardSmall from '~/components/PromoCard/PromoCardSmall.vue';
export default {
props: {
promo: {
type: Object,
required: true,
},
size: {
type: String,
default: 'large',
},
},
computed: {
activeComponent() {
if (this.size === 'small') return PromoCardSmall;
if (this.size === 'large') return PromoCardLarge;
return PromoCardLarge;
},
},
};
</script>
<style></style>