mirror of
https://gitee.com/spark-store-project/spark-store
synced 2026-04-26 01:10:16 +08:00
6622e70033
- Updated button and span elements in ThemeToggle.vue and TopActions.vue for better readability. - Enhanced UninstallConfirmModal.vue and UpdateAppsModal.vue with consistent indentation and spacing. - Refactored downloadStatus.ts and storeConfig.ts for improved code clarity. - Standardized string quotes and spacing in typedefinition.ts and processInstall.ts. - Ensured consistent use of arrow functions and improved variable declarations throughout the codebase.
50 lines
1.2 KiB
Vue
50 lines
1.2 KiB
Vue
<template>
|
|
<div
|
|
v-if="!loading"
|
|
class="mt-6 grid gap-5 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4"
|
|
>
|
|
<AppCard
|
|
v-for="(app, index) in apps"
|
|
:key="index"
|
|
:app="app"
|
|
@open-detail="$emit('open-detail', app)"
|
|
/>
|
|
</div>
|
|
<div
|
|
v-else
|
|
class="mt-6 grid gap-5 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4"
|
|
>
|
|
<div
|
|
v-for="n in 8"
|
|
:key="n"
|
|
class="flex gap-4 rounded-2xl border border-slate-200/60 bg-white/80 p-4 shadow-sm dark:border-slate-800/60 dark:bg-slate-900/50"
|
|
>
|
|
<div
|
|
class="h-16 w-16 animate-pulse rounded-2xl bg-slate-200 dark:bg-slate-800"
|
|
></div>
|
|
<div class="flex flex-1 flex-col justify-center gap-2">
|
|
<div
|
|
class="h-4 w-2/3 animate-pulse rounded-full bg-slate-200 dark:bg-slate-800"
|
|
></div>
|
|
<div
|
|
class="h-3 w-1/2 animate-pulse rounded-full bg-slate-200/80 dark:bg-slate-800/80"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import AppCard from "./AppCard.vue";
|
|
import type { App } from "../global/typedefinition";
|
|
|
|
defineProps<{
|
|
apps: App[];
|
|
loading: boolean;
|
|
}>();
|
|
|
|
defineEmits<{
|
|
(e: "open-detail", app: App): void;
|
|
}>();
|
|
</script>
|