<Div class="change"> <div

Question

<Div class="change"> <div

v-if="isVisible === 0" class="text-wrapper">
<div class="changing">нагрузки</div>
</div>
<div v-else-if="isVisible === 1" class="text-wrapper">
<div class="changing">требования</div>
</div>
<div v-else-if="isVisible === 2" class="text-wrapper">
<div class="changing">стандарты</div>
</div>
</div>
let isVisible = ref(0);
const changeValue = () => {
if (isVisible.value === 2) {
isVisible.value = 0;
return;
}
isVisible.value++;
};
setInterval(changeValue, 2000);

export default {
setup() {
return { svgMarquee, arrow, isVisible };
},
}; это нормальная реализация? или я фигню написал