diff --git a/web/i18n/index.js b/web/i18n/index.js
index 791eaa2..b593e7c 100644
--- a/web/i18n/index.js
+++ b/web/i18n/index.js
@@ -1,15 +1,15 @@
 import { createI18n } from 'vue-i18n'
-import { sStorage } from '@/utils'
+import { lStorage } from '@/utils'
 
 import messages from './messages'
 
-const currentLocale = sStorage.get('locale')
+const currentLocale = lStorage.get('locale')
 
 const i18n = createI18n({
   legacy: false,
   globalInjection: true,
-  locale: currentLocale || 'en',
-  fallbackLocale: 'en',
+  locale: currentLocale || 'cn',
+  fallbackLocale: 'cn',
   messages: messages,
 })
 
diff --git a/web/src/layout/components/header/components/Languages.vue b/web/src/layout/components/header/components/Languages.vue
index 02c4282..9b8362f 100644
--- a/web/src/layout/components/header/components/Languages.vue
+++ b/web/src/layout/components/header/components/Languages.vue
@@ -9,6 +9,7 @@
 <script setup>
 import { useI18n } from 'vue-i18n'
 import { useAppStore } from '@/store'
+import { router } from '~/src/router'
 
 const store = useAppStore()
 const { availableLocales, t } = useI18n()
@@ -26,5 +27,7 @@ const options = computed(() => {
 
 const handleChangeLocale = (value) => {
   store.setLocale(value)
+  // reload page
+  router.go()
 }
 </script>
diff --git a/web/src/store/modules/app/index.js b/web/src/store/modules/app/index.js
index 9b47bf0..02dfecd 100644
--- a/web/src/store/modules/app/index.js
+++ b/web/src/store/modules/app/index.js
@@ -1,9 +1,9 @@
 import { defineStore } from 'pinia'
 import { useDark } from '@vueuse/core'
-import { sStorage } from '@/utils'
+import { lStorage } from '@/utils'
 import i18n from '~/i18n'
 
-const currentLocale = sStorage.get('locale')
+const currentLocale = lStorage.get('locale')
 const { locale } = i18n.global
 
 const isDark = useDark()
@@ -54,7 +54,7 @@ export const useAppStore = defineStore('app', {
     setLocale(newLocale) {
       this.locale = newLocale
       locale.value = newLocale
-      sStorage.set('locale', newLocale)
+      lStorage.set('locale', newLocale)
     },
   },
 })
diff --git a/web/src/store/modules/tags/helpers.js b/web/src/store/modules/tags/helpers.js
index d7c94c9..4178a2e 100644
--- a/web/src/store/modules/tags/helpers.js
+++ b/web/src/store/modules/tags/helpers.js
@@ -1,6 +1,6 @@
-import { sStorage } from '@/utils'
+import { lStorage } from '@/utils'
 
-export const activeTag = sStorage.get('activeTag')
-export const tags = sStorage.get('tags')
+export const activeTag = lStorage.get('activeTag')
+export const tags = lStorage.get('tags')
 
 export const WITHOUT_TAG_PATHS = ['/404', '/login']
diff --git a/web/src/store/modules/tags/index.js b/web/src/store/modules/tags/index.js
index 60c2264..cc78899 100644
--- a/web/src/store/modules/tags/index.js
+++ b/web/src/store/modules/tags/index.js
@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia'
 import { activeTag, tags, WITHOUT_TAG_PATHS } from './helpers'
 import { router } from '@/router'
-import { sStorage } from '@/utils'
+import { lStorage } from '@/utils'
 
 export const useTagsStore = defineStore('tag', {
   state() {
@@ -18,11 +18,11 @@ export const useTagsStore = defineStore('tag', {
   actions: {
     setActiveTag(path) {
       this.activeTag = path
-      sStorage.set('activeTag', path)
+      lStorage.set('activeTag', path)
     },
     setTags(tags) {
       this.tags = tags
-      sStorage.set('tags', tags)
+      lStorage.set('tags', tags)
     },
     addTag(tag = {}) {
       this.setActiveTag(tag.path)