renderer: use named import for util class

src/renderer/plugins/i18n.ts

@@ -1,11 +1,11 @@
 import { createI18n } from 'vue-i18n'
 import en from '@/renderer/locales/en.json'
 import ko from '@/renderer/locales/ko.json'
-import Utils from '@/renderer/utils'
+import { getCurrentLocale } from '@/renderer/utils'
 
 export default createI18n({
   legacy: false,
-  locale: Utils.getCurrentLocale(),
+  locale: getCurrentLocale(),
   fallbackLocale: 'en',
   globalInjection: true,
   messages: {

src/renderer/screens/MainScreen.vue

@@ -1,7 +1,7 @@
 <script setup lang="tsx">
 import { useI18n } from 'vue-i18n'
 import { useTheme } from 'vuetify'
-import Utils from '@/renderer/utils'
+import { openExternal } from '@/renderer/utils'
 import { useTempStore } from '@/renderer/store/temp'
 import { storeToRefs } from 'pinia'
 
@@ -23,7 +23,7 @@ const handleChangeLanguage = (): void => {
 }
 
 const handleAbout = async (): Promise<void> => {
-  await Utils.openExternal('https://github.com/jooy2/vutron')
+  await openExternal('https://github.com/jooy2/vutron')
 }
 
 const handleCountIncrease = (): void => {

src/renderer/utils/index.ts

@@ -9,3 +9,5 @@ export default class Utils {
     await shell.openExternal(url)
   }
 }
+
+export const { getCurrentLocale, openExternal } = Utils