Added Notifications

2026-05-16 23:48:18 +10:00
parent 69d72e0912
commit 1d5b9f340f
61 changed files with 4204 additions and 182 deletions
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import FormattedNumber from "@/Components/FormattedNumber.vue";
+
+const props = withDefaults(defineProps<{
+    value: number
+    unit?: 'km' | 'mi' | 'nm'
+    showUnits?: boolean
+    includeSpace?: boolean
+}>(), {
+    showUnits: true,
+    unit: 'km',
+    includeSpace: false,
+})
+
+const CONVERSIONS: Record<string, number> = {
+    km: 1,
+    mi: 0.621371,
+    nm: 0.539957,
+}
+
+const LABELS: Record<string, string> = {
+    km: 'km',
+    mi: 'mi',
+    nm: 'nm',
+}
+
+const unit = computed(() => props.unit ?? 'km')
+
+const converted = computed(() => props.value * CONVERSIONS[unit.value])
+
+</script>
+
+<template>
+    <FormattedNumber :value="converted" />{{includeSpace ? ' ' : ''}}{{ showUnits ? LABELS[unit] : '' }}
+</template>
+
+<style scoped>
+
+</style>