changes

components/datatable/format/ColorText.vue

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

components/datatable/format/FormatDate.vue

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

components/datatable/format/FormatNumber.vue

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

components/datatable/format/FormatTime.vue

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