fix: Locale dates format (#6211)

Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>

frontend/pages/admin/backups.vue

@@ -106,7 +106,7 @@
           @click:row="setSelected"
         >
           <template #[`item.date`]="{ item }">
-            {{ $d(Date.parse(item.date), "medium") }}
+            {{ $d(Date.parse(item.date)) }}
           </template>
           <template #[`item.actions`]="{ item }">
             <v-btn

frontend/pages/group/data/foods.vue

@@ -324,7 +324,7 @@
         </v-icon>
       </template>
       <template #[`item.createdAt`]="{ item }">
-        {{ formatDate(item.createdAt) }}
+        {{ item.createdAt ? $d(new Date(item.createdAt)) : '' }}
       </template>
       <template #button-bottom>
         <BaseButton @click="seedDialog = true">
@@ -417,15 +417,6 @@ export default defineNuxtComponent({
       },
     ];
 
-    function formatDate(date: string) {
-      try {
-        return i18n.d(Date.parse(date), "medium");
-      }
-      catch {
-        return "";
-      }
-    }
-
     const userHousehold = computed(() => $auth.user.value?.householdSlug || "");
     const foodStore = useFoodStore();
     const foods = computed(() => foodStore.store.value.map((food) => {
@@ -634,7 +625,6 @@ export default defineNuxtComponent({
       foods,
       allLabels,
       validators,
-      formatDate,
       // Create
       createDialog,
       domNewFoodForm,

frontend/pages/group/data/units.vue

@@ -292,7 +292,7 @@
         </v-icon>
       </template>
       <template #[`item.createdAt`]="{ item }">
-        {{ formatDate(item.createdAt) }}
+        {{ item.createdAt ? $d(new Date(item.createdAt)) : '' }}
       </template>
       <template #button-bottom>
         <BaseButton @click="seedDialog = true">
@@ -381,15 +381,6 @@ export default defineNuxtComponent({
       },
     ];
 
-    function formatDate(date: string) {
-      try {
-        return i18n.d(Date.parse(date), "medium");
-      }
-      catch {
-        return "";
-      }
-    }
-
     const { store, actions: unitActions } = useUnitStore();
 
     // ============================================================
@@ -545,7 +536,6 @@ export default defineNuxtComponent({
       tableHeaders,
       store,
       validators,
-      formatDate,
       // Create
       createDialog,
       domNewUnitForm,

frontend/pages/household/mealplan/planner/edit.vue

@@ -33,9 +33,8 @@
         >
           <template #activator="{ props }">
             <v-text-field
-              v-model="newMealDateString"
+              :model-value="$d(newMeal.date)"
               :label="$t('general.date')"
-              :hint="$t('recipe.date-format-hint-yyyy-mm-dd')"
               persistent-hint
               :prepend-icon="$globals.icons.calendar"
               v-bind="props"