Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2025-12-28 23:42:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use a slot for displaying the loading indicator content

Browse Source
This commit is contained in:
Bnyro
2023-03-13 14:39:07 +01:00
parent cc48fe8e27
commit ae855c2bac
7 changed files with 41 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/SearchResults.vue
View File

@@ -18,24 +18,21 @@
</i18n-t>
</div>
<div v-if="results != null && results.items.length != 0" class="video-grid">
<LoadingIndicatorPage :show-content="results != null && results.items?.length" class="video-grid">
<template v-for="result in results.items" :key="result.url">
<ContentItem :item="result" height="94" width="168" />
</template>
</div>
<div v-else>
<LoadingIndicator />
</div>
</LoadingIndicatorPage>
</template>
<script>
import ContentItem from "./ContentItem.vue";
import LoadingIndicator from "./LoadingIndicator.vue";
import LoadingIndicatorPage from "./LoadingIndicatorPage.vue";
export default {
components: {
ContentItem,
LoadingIndicator,
LoadingIndicatorPage,
},
data() {
return {