mirror of
https://github.com/rommapp/romm.git
synced 2026-02-18 23:42:07 +01:00
28 lines
831 B
Vue
28 lines
831 B
Vue
<script setup lang="ts">
|
|
import RSection from "@/components/common/RSection.vue";
|
|
import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
|
|
import { views } from "@/utils";
|
|
import { RECENT_ROMS_LIMIT } from "@/services/api/rom";
|
|
|
|
defineProps<{ title: string }>();
|
|
</script>
|
|
<template>
|
|
<r-section icon="mdi-shimmer" :title="title">
|
|
<template #content>
|
|
<v-row class="flex-nowrap overflow-x-auto pa-1" no-gutters>
|
|
<v-col
|
|
v-for="_ in RECENT_ROMS_LIMIT"
|
|
class="align-self-end pa-1"
|
|
:cols="views[0]['size-cols']"
|
|
:sm="views[0]['size-sm']"
|
|
:md="views[0]['size-md']"
|
|
:lg="views[0]['size-lg']"
|
|
:xl="views[0]['size-xl']"
|
|
>
|
|
<skeleton type="image" />
|
|
</v-col>
|
|
</v-row>
|
|
</template>
|
|
</r-section>
|
|
</template>
|