- FIX: Fixed some issues with chart axis titles not updating when locale is changed.

Author: sebastian-raubach

src/components/chart/BaseChart.vue

@@ -48,6 +48,7 @@
   import { coreStore } from '@/stores/app'
   import { mdiChartAreaspline, mdiDotsVertical, mdiFileCode, mdiFileDocument, mdiFileImage } from '@mdi/js'
   import Plotly from 'plotly.js/lib/core'
+  import { useI18n } from 'vue-i18n'
 
   const emit = defineEmits(['update:loading', 'force-redraw'])
 
@@ -80,6 +81,7 @@
   })
 
   const store = coreStore()
+  const { locale } = useI18n()
 
   const localLoading = ref(false)
   const interactive = defineModel('interactive')
@@ -125,7 +127,7 @@
   }
 
   watch(() => store.storeIsDarkMode, async () => nextTick(() => emit('force-redraw')))
-  watch(() => store.storeLocale, async () => nextTick(() => emit('force-redraw')))
+  watch(locale, async () => nextTick(() => emit('force-redraw')))
 
   watch(interactive, async newValue => {
     const element = document.querySelector(`#${compProps.chartId}`)

src/components/chart/CalendarHeatmap.vue

@@ -21,7 +21,7 @@
 
 <script setup lang="ts">
   import { getPrimaryColor } from '@/plugins/color'
-import type { DownloadBlob } from '@/plugins/file'
+  import type { DownloadBlob } from '@/plugins/file'
   import { getId } from '@/plugins/id'
   import type { TrialPlus } from '@/plugins/types/client'
   import { toLocalDateString } from '@/plugins/util'
@@ -114,8 +114,9 @@ import type { DownloadBlob } from '@/plugins/file'
       const y = months.value.concat()
 
       if (isHorizontal.value) {
+        const copy = z.concat().reverse()
         // @ts-ignore
-        z = z[0].map((col, i) => z.reverse().map(row => row[i]))
+        z = z[0].map((col, i) => copy.map(row => row[i]))
       }
 
       const data = [{