Почему ошибка условного оператора v-if / v-else, ошибка подсвечивается на v-else
12:16 error 'v-else' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive vue/valid-v-else
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template>
<div class="budget-list-wrap">
<ElCard :header="header">
<!-- добавляем компаненту Card из фреймворк, header артибут в виде title который принимает ElCard для отображения заголовка -->
<template v-if="!isEmpty">
<div class="list-item" v-for="(item, prop) in list" :key="prop">
<span class="budget-comment">{{ item.comment }}</span>
<span class="budget-value">{{ item.value }}</span>
<ElButton type="danger" size="mini">Delete</ElButton>
</div>
<template/>
<ElAlert v-else type="info" :title='emptyTitle' />
</ElCard>
</div>
</template>