Ensure appstore grid is only shown if apps are loaded

This commit is contained in:
Johannes Zellner
2025-04-04 17:24:03 +02:00
parent 4a7cc06d05
commit 7329c9d0bb

View File

@@ -93,7 +93,7 @@ onMounted(async () => {
<!-- TODO mark unstable apps -->
<div v-if="!search">
<div v-if="!search && ready">
<h4 v-show="filteredPopularApps.length">{{ $t('appstore.category.popular') }}</h4>
<TransitionGroup name="grid-animation" tag="div" class="grid" v-show="ready">
<AppStoreItem v-for="app in filteredPopularApps" :app="app" :key="app.id" :ref="'item-' + app.id" @click="onInstall(app)"/>
@@ -104,7 +104,7 @@ onMounted(async () => {
<AppStoreItem v-for="app in filteredAllApps" :app="app" :key="app.id" :ref="'item-' + app.id" @click="onInstall(app)"/>
</TransitionGroup>
</div>
<div v-else>
<div v-else-if="ready">
<TransitionGroup name="grid-animation" tag="div" class="grid" v-show="ready">
<AppStoreItem v-for="app in filteredApps" :app="app" :key="app.id" :ref="'item-' + app.id" @click="onInstall(app)"/>
</TransitionGroup>