diff --git a/components/common/CommonBlurhash.ts b/components/common/CommonBlurhash.ts
index 94e475bf..45952cb6 100644
--- a/components/common/CommonBlurhash.ts
+++ b/components/common/CommonBlurhash.ts
@@ -1,5 +1,5 @@
 import { decode } from 'blurhash'
-import { getDataUrlFromArr } from '~~/composables/utils'
+import { getDataUrlFromArr } from '~/composables/utils'
 
 export default defineComponent({
   inheritAttrs: false,
diff --git a/components/nav/SelectLanguage.vue b/components/nav/SelectLanguage.vue
index 8f41c6a5..96e1abe4 100644
--- a/components/nav/SelectLanguage.vue
+++ b/components/nav/SelectLanguage.vue
@@ -1,7 +1,10 @@
 <script lang="ts" setup>
 import { useI18n } from 'vue-i18n'
+import { STORAGE_KEY_LANG } from '~/constants'
 
 const { locale } = useI18n()
+useLocalStorage(STORAGE_KEY_LANG, locale)
+
 const languageList = [
   {
     value: 'en-US',
diff --git a/components/user/UserSwitcher.vue b/components/user/UserSwitcher.vue
index 003f56e6..b64c6ca5 100644
--- a/components/user/UserSwitcher.vue
+++ b/components/user/UserSwitcher.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { UserLogin } from '~~/types'
+import type { UserLogin } from '~/types'
 
 const all = useUsers()
 
diff --git a/constants/index.ts b/constants/index.ts
index faf0e166..8a7a475d 100644
--- a/constants/index.ts
+++ b/constants/index.ts
@@ -10,4 +10,5 @@ export const STORAGE_KEY_CURRENT_USER = 'elk-current-user'
 export const STORAGE_KEY_NOTIFY_TAB = 'elk-notify-tab'
 export const STORAGE_KEY_FIRST_VISIT = 'elk-first-visit'
 export const STORAGE_KEY_ZEN_MODE = 'elk-zenmode'
+export const STORAGE_KEY_LANG = 'elk-lang'