dashboard

src/components/DashboardCard.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+interface Props {
+  label: string
+  value: number | string
+  alert?: boolean
+}
+
+defineProps<Props>()
+</script>
+
+<template>
+  <v-card :border="!alert" :variant="alert ? 'flat' : undefined" :color="alert ? 'error' : undefined">
+    <v-card-text>
+      <div class="text-label-large" :class="{ 'text-medium-emphasis': !alert }">{{ label }}</div>
+      <div class="text-headline-large">{{ value }}</div>
+    </v-card-text>
+  </v-card>
+</template>
+
+<style scoped lang="scss"></style>