diff --git a/app/src/components/CodeEditor/CodeEditor.vue b/app/src/components/CodeEditor/CodeEditor.vue
index bc52b8d7..87ed4917 100644
--- a/app/src/components/CodeEditor/CodeEditor.vue
+++ b/app/src/components/CodeEditor/CodeEditor.vue
@@ -7,6 +7,7 @@ import { computed } from 'vue'
 const props = defineProps<{
   content?: string
   defaultHeight?: string
+  readonly?: boolean
 }>()
 
 const emit = defineEmits(['update:content'])
@@ -30,6 +31,7 @@ const value = computed({
       minHeight: defaultHeight || '100vh',
       borderRadius: '5px',
     }"
+    :readonly="readonly"
   />
 </template>
 
diff --git a/app/src/components/SetLanguage/SetLanguage.vue b/app/src/components/SetLanguage/SetLanguage.vue
index 5617b828..eca9f460 100644
--- a/app/src/components/SetLanguage/SetLanguage.vue
+++ b/app/src/components/SetLanguage/SetLanguage.vue
@@ -13,11 +13,14 @@ const current = ref(gettext.current)
 
 const languageAvailable = gettext.available
 
-function init() {
+async function init() {
   if (current.value !== 'en') {
-    http.get(`/translation/${current.value}`).then(r => {
+    await http.get(`/translation/${current.value}`).then(r => {
       gettext.translations[current.value] = r
     })
+
+    // @ts-expect-error name type
+    document.title = `${route.name?.()} | Nginx UI`
   }
 }
 
diff --git a/app/src/gettext.ts b/app/src/gettext.ts
index 9c240693..7233dc28 100644
--- a/app/src/gettext.ts
+++ b/app/src/gettext.ts
@@ -8,5 +8,4 @@ export default createGettext({
   silent: true,
 })
 
-export class useGettext {
-}
+export class useGettext {}
diff --git a/app/src/routes/index.ts b/app/src/routes/index.ts
index 384d99fa..53f06164 100644
--- a/app/src/routes/index.ts
+++ b/app/src/routes/index.ts
@@ -15,7 +15,7 @@ import {
 } from '@ant-design/icons-vue'
 import NProgress from 'nprogress'
 
-import gettext from '../gettext'
+import gettext from '@/gettext'
 import { useUserStore } from '@/pinia'
 
 import 'nprogress/nprogress.css'