feat: three nuxt frontends, demo seed, rounding + money-exponent + rate-cast fixes, archived specs
This commit is contained in:
@@ -0,0 +1,19 @@
|
||||
<script setup lang="ts">
|
||||
const props = defineProps<{ status: string; kind: "order" | "shipment" | "invoice" }>();
|
||||
|
||||
const tone = computed(() => {
|
||||
if (["completed", "delivered", "issued"].includes(props.status)) return "green";
|
||||
if (["paid", "fulfilling", "shipped"].includes(props.status)) return "blue";
|
||||
if (["cancelled"].includes(props.status)) return "red";
|
||||
return "orange";
|
||||
});
|
||||
|
||||
const label = computed(() => {
|
||||
const root = props.kind === "order" ? "order.status" : props.kind === "shipment" ? "shipment.status" : "invoice.status";
|
||||
return `${root}.${props.status}`;
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<span class="badge" :class="tone">{{ $t(label) }}</span>
|
||||
</template>
|
||||
Reference in New Issue
Block a user