From d727c2776cfa6c620381fd077b4131311e4667b1 Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Wed, 17 Dec 2025 08:27:15 +0100
Subject: [PATCH] [DM.Front] Fix date format locale

---
 .../DM.Web.Modern.Temp/src/components/dates/HumanDate.vue   | 6 +++++-
 .../src/components/dates/HumanTimespan.vue                  | 6 +++++-
 frontend/DM.Web.Modern.Temp/src/stores/ui.ts                | 1 +
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/DM.Web.Modern.Temp/src/components/dates/HumanDate.vue b/frontend/DM.Web.Modern.Temp/src/components/dates/HumanDate.vue
index a53572f8..d1a76692 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/dates/HumanDate.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/dates/HumanDate.vue
@@ -5,8 +5,12 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import dayjs from "dayjs";
+import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ date: string; format: string }>();
+const { locale } = useI18n();
 
-const humanDate = computed(() => dayjs(props.date).format(props.format));
+const humanDate = computed(() =>
+  dayjs(props.date).locale(locale.value).format(props.format),
+);
 </script>
diff --git a/frontend/DM.Web.Modern.Temp/src/components/dates/HumanTimespan.vue b/frontend/DM.Web.Modern.Temp/src/components/dates/HumanTimespan.vue
index 2e1819f1..cb9dd528 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/dates/HumanTimespan.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/dates/HumanTimespan.vue
@@ -5,8 +5,12 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import dayjs from "dayjs";
+import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ date: string }>();
+const { locale } = useI18n();
 
-const humanTimespan = computed(() => dayjs(props.date).fromNow());
+const humanTimespan = computed(() =>
+  dayjs(props.date).locale(locale.value).fromNow(),
+);
 </script>
diff --git a/frontend/DM.Web.Modern.Temp/src/stores/ui.ts b/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
index 9a227092..cd640f77 100644
--- a/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
+++ b/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
@@ -3,6 +3,7 @@ import { ref } from "vue";
 import { ColorSchema } from "@/api/models/community";
 import { useUserStore } from "@/stores/user";
 import i18n from "@/i18n";
+import dayjs from "dayjs";
 
 export const useUiStore = defineStore("ui", () => {
   const theme = ref(ColorSchema.Modern);