fix(date): fix date to be based on locale and not navigator

Author: dvcol

src/components/common/list/ListItemPanel.vue

@@ -59,7 +59,7 @@ const content = computed(() => deCapitalise(item.value.content));
 
 const date = computed(() => {
   if (hideDate.value) return;
-  return item.value.date?.current?.toLocaleTimeString(navigator.language, {
+  return item.value.date?.current?.toLocaleTimeString(undefined, {
     hour: '2-digit',
     minute: '2-digit',
   });

src/components/views/panel/MoviePanelDetails.vue

@@ -38,7 +38,7 @@ const releasedDate = computed(() => {
 const releasedTime = computed(() => {
   if (!released.value) return;
   if (typeof released.value === 'string') return released.value;
-  return released.value.toLocaleTimeString(navigator.language, {
+  return released.value.toLocaleTimeString(undefined, {
     hour: '2-digit',
     minute: '2-digit',
   });

src/components/views/panel/ShowPanelDetails.vue

@@ -63,7 +63,7 @@ const airedDate = computed(() => {
 const airedTime = computed(() => {
   if (!aired.value) return;
   if (typeof aired.value === 'string') return '-';
-  return aired.value.toLocaleTimeString(navigator.language, {
+  return aired.value.toLocaleTimeString(undefined, {
     hour: '2-digit',
     minute: '2-digit',
   });

src/stores/data/image.store.ts

@@ -9,6 +9,7 @@ import type { TmdbImage } from '~/models/tmdb/tmdb-image.model';
 import { TraktService } from '~/services/trakt.service';
 import { logger } from '~/stores/settings/log.store';
 import { storage } from '~/utils/browser/browser-storage.utils';
+import { getShortLocale } from '~/utils/browser/browser.utils';
 import { debounce } from '~/utils/debounce.utils';
 import { arrayMax, findClosestMatch } from '~/utils/math.utils';
 
@@ -56,7 +57,7 @@ const localArrayMax = (
   prop: keyof TmdbImage = 'vote_average',
   filter: (item: TmdbImage) => boolean = i => !!i.file_path,
 ) => {
-  const lang = navigator?.language?.split('-')?.at(0) ?? 'en';
+  const lang = getShortLocale();
 
   const localArray = array.filter(i => i.iso_639_1 === lang);
   if (localArray.length) return arrayMax(localArray, prop, filter);