diff --git a/ui/src/components/dashboard/components/DashboardEditor.vue b/ui/src/components/dashboard/components/DashboardEditor.vue
index 0038beea4db..bf21665e352 100644
--- a/ui/src/components/dashboard/components/DashboardEditor.vue
+++ b/ui/src/components/dashboard/components/DashboardEditor.vue
@@ -157,6 +157,9 @@
     import ChartBar from "vue-material-design-icons/ChartBar.vue";
     import FileDocumentEditOutline from "vue-material-design-icons/FileDocumentEditOutline.vue";
     import ViewDashboard from "vue-material-design-icons/ViewDashboard.vue";
+
+    // avoid an eslint warning about missing declaration
+    defineEmits(["save"])
 </script>
 <script>
     import Editor from "../../inputs/Editor.vue";
@@ -186,7 +189,6 @@
                 return this.currentView !== this.views.NONE && this.currentView !== this.views.DASHBOARD;
             }
         },
-        emits: ["save"],
         props: {
             allowSaveUnchanged: {
                 type: Boolean,
diff --git a/ui/src/translations/i18n.ts b/ui/src/translations/i18n.ts
index 37665a66ed5..3e59d27608c 100644
--- a/ui/src/translations/i18n.ts
+++ b/ui/src/translations/i18n.ts
@@ -28,9 +28,17 @@ export function setI18nLanguage(i18n: I18n, locale: (typeof SUPPORT_LOCALES)[num
   document.querySelector("html")?.setAttribute("lang", locale)
 }
 
-export async function loadLocaleMessages(i18n: I18n, locale: (typeof SUPPORT_LOCALES)[number]) {
-  // load locale messages with dynamic import
-  const messages = await translations[`./${locale}.json`]() as any
+export async function loadLocaleMessages(i18n: I18n, locale: (typeof SUPPORT_LOCALES)[number], additionalTranslationsProvider: Record<string, () => Promise<any>>) {
+  const messages = {default: {}} as any
+  
+  if(additionalTranslationsProvider[locale]){
+    // load additional translations from the provider
+    const additionalTranslations = await additionalTranslationsProvider[locale]()
+    messages.default[locale] = additionalTranslations.default[locale]
+  }else{
+    // load locale messages with dynamic import
+    messages.default[locale] = await translations[`./${locale}.json`]() as any
+  }
 
   // set locale and locale message
   i18n.global.setLocaleMessage(locale, messages.default[locale])
diff --git a/ui/src/utils/init.js b/ui/src/utils/init.js
index 0f059cbadd8..025126b810d 100644
--- a/ui/src/utils/init.js
+++ b/ui/src/utils/init.js
@@ -62,7 +62,7 @@ import RouterMd from "../components/utils/RouterMd.vue";
 import Utils from "./utils";
 import TaskTaskRunner from "../components/flows/tasks/TaskTaskRunner.vue";
 
-export default async (app, routes, stores, translations) => {
+export default async (app, routes, stores, translations, additionalTranslations = {}) => {
     // charts
     Chart.register(
         CategoryScale,
@@ -148,7 +148,7 @@ export default async (app, routes, stores, translations) => {
     });
 
     if(locale !== "en"){
-        await loadLocaleMessages(i18n, locale);
+        await loadLocaleMessages(i18n, locale, additionalTranslations);
         await setI18nLanguage(i18n, locale);
     }