Ensure appstore grid is only shown if apps are loaded
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user