29 lines
529 B
Vue
29 lines
529 B
Vue
<template>
|
|
<div>
|
|
<ft-loader
|
|
v-if="isLoading"
|
|
:fullscreen="true"
|
|
/>
|
|
<ft-card
|
|
v-else
|
|
class="card"
|
|
>
|
|
<h3>{{ $t("Most Popular") }}</h3>
|
|
<ft-element-list
|
|
:data="shownResults"
|
|
/>
|
|
</ft-card>
|
|
<ft-icon-button
|
|
v-if="!isLoading"
|
|
:icon="['fas', 'sync']"
|
|
class="floatingTopButton"
|
|
:size="12"
|
|
theme="primary"
|
|
@click="fetchPopularInfo"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./Popular.js" />
|
|
<style scoped src="./Popular.css" />
|