mirror of
https://github.com/hay-kot/homebox.git
synced 2024-12-23 23:36:30 +00:00
29 lines
737 B
Vue
29 lines
737 B
Vue
|
<template>
|
||
|
|
<div class="stats bg-neutral shadow rounded-md">
|
||
|
|
<div class="stat text-neutral-content text-center space-y-1 p-3">
|
||
|
|
<div class="stat-title">{{ title }}</div>
|
||
|
|
<div class="stat-value text-2xl">
|
||
|
|
<Currency v-if="type === 'currency'" :amount="value" />
|
||
|
|
<template v-if="type === 'number'">{{ value }}</template>
|
||
|
|
</div>
|
||
|
|
<div v-if="subtitle" class="stat-desc">{{ subtitle }}</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { StatsFormat } from "./types";
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
title: string;
|
||
|
|
value: number;
|
||
|
|
subtitle?: string;
|
||
|
|
type?: StatsFormat;
|
||
|
|
};
|
||
|
|
|
||
|
|
withDefaults(defineProps<Props>(), {
|
||
|
|
type: "number",
|
||
|
|
subtitle: undefined,
|
||
|
|
});
|
||
|
|
</script>
|