Display: Format date with app locale - refs BT#21766

assets/vue/composables/formatDate.js

@@ -1,18 +1,23 @@
-const { DateTime } = require("luxon")
+import { DateTime } from "luxon"
+import { useLocale } from "./locale"
 
 export function useFormatDate() {
+  const { appParentLocale } = useLocale()
+
   const abbreviatedDatetime = (datetime) => {
     if (!datetime) {
       return ""
     }
 
-    return DateTime.fromISO(datetime).toLocaleString({
-      ...DateTime.DATETIME_MED,
-      month: "long",
-    })
+    return DateTime.fromISO(datetime)
+      .setLocale(appParentLocale.value)
+      .toLocaleString({
+        ...DateTime.DATETIME_MED,
+        month: "long",
+      })
   }
 
-  const relativeDatetime = (datetime) => DateTime.fromISO(datetime).toRelative()
+  const relativeDatetime = (datetime) => DateTime.fromISO(datetime).setLocale(appParentLocale.value).toRelative()
 
   return {
     abbreviatedDatetime,

assets/vue/composables/locale.js

@@ -84,8 +84,11 @@ export function useLocale() {
     window.location.href = newUrl.fullPath
   }
 
+  const appParentLocale = computed(() => useParentLocale(appLocale.value))
+
   return {
     appLocale,
+    appParentLocale,
     languageList,
     currentLanguageFromList,
     reloadWithLocale,