fix: edm flashing on change lang

src/pages/06_edm/MainPage.vue

@@ -4,6 +4,7 @@ import { getInstance } from 'src/services/keycloak';
 import { useNavigator } from 'src/stores/navigator';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
+import { initLang } from 'src/utils/ui';
 
 const $q = useQuasar();
 const { locale } = useI18n();
@@ -25,6 +26,8 @@ function sendMessage() {
 }
 
 onMounted(() => {
+  initLang();
+  currentLocale.value = locale.value;
   navigatorStore.current.title = 'menu.dms';
   navigatorStore.current.path = [
     {
@@ -47,12 +50,14 @@ watch(
 watch([locale, $q.dark], () => {
   sendMessage();
 });
+
+const currentLocale = ref(locale.value);
 </script>
 
 <template>
   <iframe
     ref="iframe"
-    :src="`${EDM_SERVICE}/?at=${at}&rt=${rt}&lang=${locale}`"
+    :src="`${EDM_SERVICE}/?at=${at}&rt=${rt}&lang=${currentLocale}`"
     frameborder="0"
     class="full-width full-height rounded"
     allowtransparency="true"