use v-if instead of v-show

This commit is contained in:
Moriz Wahl 2020-05-11 21:17:20 +02:00
parent 0892d6aaa3
commit 8f44fd6410
2 changed files with 7 additions and 5 deletions

View File

@ -30,20 +30,20 @@
:key="'Top'"
:pageSize="pageSize"
/>
<masonry-grid v-show="activeTab === 'Post'">
<masonry-grid v-if="activeTab === 'Post'">
<masonry-grid-item v-for="resource in activeResources" :key="resource.key">
<post-teaser :post="resource" />
</masonry-grid-item>
</masonry-grid>
<ul v-show="activeTab === 'User'" class="user-list">
<ul v-if="activeTab === 'User'" class="user-list">
<li v-for="resource in activeResources" :key="resource.key" class="item">
<base-card :wideContent="true">
<user-teaser :user="resource" />
</base-card>
</li>
</ul>
<ul v-show="activeTab === 'Hashtag'" class="hashtag-list">
<ul v-if="activeTab === 'Hashtag'" class="hashtag-list">
<li v-for="resource in activeResources" :key="resource.key" class="item">
<base-card :wideContent="true">
<hc-hashtag :id="resource.id" />
@ -180,7 +180,9 @@ export default {
},
methods: {
clearPage() {
this.resultsPage = 0
this.postPage = 0
this.userPage = 0
this.hashtagPage = 0
},
switchTab(tab) {
this.activeTab = tab

View File

@ -598,7 +598,7 @@
"no-results": "No results found for \"{search}\". Try a different search term!",
"page": "Page",
"placeholder": "Search",
"results": "Results found"
"results": "result found ::: results found"
},
"settings": {
"blocked-users": {