Khafid Prayoga
6ad99d45f2
* fix(style): formatting inconsistencies across codebase - Remove trailing semicolons from TypeScript imports - Fix Vue template indentation and line breaks - Standardize component attribute formatting - Remove unnecessary empty lines - Reorder import statements for consistency * chore: update import path and add editorconfig Update SidebarNavLink import path to match new component structure and add standard editorconfig for consistent code formatting
20 lines
553 B
Vue
20 lines
553 B
Vue
<script setup lang="ts">
|
|
import type { Summary } from '~/components/pub/base/summary-card/type'
|
|
|
|
const props = defineProps<{
|
|
isLoading: boolean
|
|
summaryData: Summary[]
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="grid gap-4 md:grid-cols-2 md:gap-8 lg:grid-cols-4">
|
|
<template v-if="props.isLoading">
|
|
<PubBaseSummaryCard v-for="n in 4" :key="n" is-skeleton :stat="summaryData[n]" />
|
|
</template>
|
|
<template v-else>
|
|
<PubBaseSummaryCard v-for="card in summaryData" :key="card.title" :stat="card" />
|
|
</template>
|
|
</div>
|
|
</template>
|