From fd7ed424c0f556c0d7e611069694bc8e97fbbec4 Mon Sep 17 00:00:00 2001
From: leejooy96 <leejooy96@gmail.com>
Date: Mon, 5 Dec 2022 08:45:53 +0900
Subject: [PATCH] renderer: load language after mounted

---
 src/renderer/screens/MainScreen.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/renderer/screens/MainScreen.vue b/src/renderer/screens/MainScreen.vue
index 1d6c31a..35f6e22 100644
--- a/src/renderer/screens/MainScreen.vue
+++ b/src/renderer/screens/MainScreen.vue
@@ -4,15 +4,17 @@ import { useTheme } from 'vuetify'
 import { openExternal } from '@/renderer/utils'
 import { useTempStore } from '@/renderer/store/temp'
 import { storeToRefs } from 'pinia'
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 
 const { locale, availableLocales } = useI18n()
-const theme = useTheme()
 const { counterIncrease } = useTempStore()
 const { counter } = storeToRefs(useTempStore())
+const theme = useTheme()
 const languages = ref(['en'])
 
-languages.value = availableLocales
+onMounted(() => {
+  languages.value = availableLocales
+})
 
 const handleChangeTheme = (): void => {
   theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'