changes

app/components/datatable/format/ColorText.vue

@@ -1,10 +0,0 @@
-<template>
-  <span :style="{ color: color }">{{ text }}</span>
-</template>
-
-<script setup>
-const props = defineProps({
-  text: { type: String, required: true },
-  color: { type: String, default: "#000" },
-});
-</script>

app/components/datatable/format/FormatDate.vue

@@ -1,10 +1,10 @@
-<template>
-  <span :style="color ? `color:${color}` : ''">{{ $dayjs(date).format("L") }}</span>
-</template>
 <script setup>
 const { $dayjs } = useNuxtApp();
 const props = defineProps({
   date: String,
-  color: String,
 });
 </script>
+
+<template>
+  <span>{{ $dayjs(date).format("L") }}</span>
+</template>

app/components/datatable/format/FormatNumber.vue

@@ -1,10 +1,10 @@
-<template>
-  <span :style="color ? `color:${color}` : ''">{{ value === 0 || value === null ? "-" : $numtoString(value) }}</span>
-</template>
 <script setup>
-const { $numtoString } = useNuxtApp();
+const { $empty, $numtoString } = useNuxtApp();
 const props = defineProps({
   value: Number,
-  color: String,
 });
 </script>
+
+<template>
+  <span>{{ $empty(value) ? "-" : $numtoString(value) }}</span>
+</template>