vuejs vuetify で loading 中に画像を表示し、データ取得後は表示しないよう<Suspense>を使用したけど、ちょっととまどった件 vuetify vuejs

vuejs vuetify で loading 中に画像を表示し、データ取得後は表示しないよう<Suspense>を使用したけど、ちょっととまどった件

原因は 1つのタグに括られてる必要があったらしい。

★原因
・ng
<template #fallback>
loading ... ★どちらか１つにすべきだった
<v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
</template>

・ok
<template #fallback>
<v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
</template>


★結果
<template>
<Suspense>

<template #default>
<ArticleList/>
</template>

<template #fallback>
<v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
</template>

<template #error>
loading error
</template>

</Suspense>
</template>