diff --git a/web/src/components/i18n/selctLanguage.vue b/web/src/components/i18n/selectLanguage.vue
similarity index 92%
rename from web/src/components/i18n/selctLanguage.vue
rename to web/src/components/i18n/selectLanguage.vue
index 027aebd4f..a721203be 100644
--- a/web/src/components/i18n/selctLanguage.vue
+++ b/web/src/components/i18n/selectLanguage.vue
@@ -44,17 +44,11 @@ const i18n = useI18n() // added by mohamed hassan to support multilanguage
 const {t} = useI18n() // added by mohamed hassan to support multilanguage
 import {useUserStore} from '@/pinia/modules/user'
 
-import {emitter} from "@/utils/bus";
-
 const userStore = useUserStore()
 
-const toggleRefresh = () =>{
-  emitter.emit('reload')
-  setTimeout(() => {
-  }, 300);
-}
+const emit = defineEmits(["success"])
+
 const handleSetLanguage = (lang) => {
-  toggleRefresh()
   i18n.locale.value = lang
   userStore.setLanguage(lang)
   Cookies.set('language', lang)
@@ -63,8 +57,7 @@ const handleSetLanguage = (lang) => {
     message: t('general.langSwitch'),
     type: 'success'
   })
-
-
+  emit('success')
 }
 
 </script>
diff --git a/web/src/view/layout/header/tools.vue b/web/src/view/layout/header/tools.vue
index 1c5daa0ed..f9377b96c 100644
--- a/web/src/view/layout/header/tools.vue
+++ b/web/src/view/layout/header/tools.vue
@@ -82,7 +82,7 @@
       placement="bottom"
       :disabled="appStore.theme === 'auto'"
     >
-      <SelectLang>
+      <SelectLang @success="changeSuccess">
           <el-icon class="w-8 h-8 shadow rounded-full border border-gray-200 cursor-pointer border-solid" @click="appStore.toggleLang">
             <language />
           </el-icon>
@@ -104,7 +104,7 @@ import CommandMenu from "@/components/commandMenu/index.vue";
 import { useI18n } from 'vue-i18n'
 const { t } = useI18n() // added by mohamed hassan to support multilanguage
 
-import SelectLang from '@/components/i18n/selctLanguage.vue'
+import SelectLang from '@/components/i18n/selectLanguage.vue'
 
 const appStore = useAppStore()
 const showSettingDrawer = ref(false)
@@ -149,6 +149,10 @@ const initPage = () => {
 
 initPage();
 
+const changeSuccess = () => {
+  window.location.reload();
+}
+
 
 const videoList = [
   {
diff --git a/web/src/view/login/index.vue b/web/src/view/login/index.vue
index 296370e2f..0fe061690 100644
--- a/web/src/view/login/index.vue
+++ b/web/src/view/login/index.vue
@@ -172,7 +172,7 @@ import { useI18n } from 'vue-i18n' // added by mohamed hassan to support multila
 
 const { t } = useI18n() // added by mohamed hassan to support multilanguage
 
-import SelectLang from '@/components/i18n/selctLanguage.vue'
+import SelectLang from '@/components/i18n/selectLanguage.vue'
 
 
 defineOptions({