pack: vutron now uses the vite compiler

src/renderer/components/screen/MainScreen.vue

@@ -1,9 +1,9 @@
 <script setup>
-// import { useI18n } from 'vue-i18n'
+import { useI18n } from 'vue-i18n'
 import { useTheme } from 'vuetify'
-import Utils from '../../assets/js/utils'
+import Utils from '../../utils'
 
-// const { locale } = useI18n()
+const { locale } = useI18n()
 const theme = useTheme()
 
 const handleChangeTheme = () => {
@@ -11,7 +11,11 @@ const handleChangeTheme = () => {
 }
 
 const handleChangeLanguage = () => {
-  // locale.value = 'en' // TODO
+  if (locale.value === 'en') {
+    locale.value = 'ko'
+  } else {
+    locale.value = 'en'
+  }
 }
 
 const handleAbout = async () => {
@@ -29,7 +33,7 @@ const handleAbout = async () => {
         <img
           alt="logo"
           class="ma-auto h-auto w-75"
-          src="~@/assets/img/vutron-logo.png"
+          src="/images/vutron-logo.png"
         >
       </v-col>
       <v-col cols="12">
@@ -47,7 +51,6 @@ const handleAbout = async () => {
       <v-col cols="4">
         <v-btn
           block
-          disabled
           color="primary"
           @click="handleChangeLanguage"
         >

src/renderer/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+    </head>
+    <body>
+        <div id="app"></div>
+    </body>
+    <script type="module" src="./main.js"></script>
+</html>

src/renderer/locales/en.json

@@ -0,0 +1,10 @@
+{
+  "desc": {
+    "welcome": "Thank you for using Vutron. This cool template makes it easy to create a variety of cross-platform applications."
+  },
+  "menu": {
+    "change-theme": "Change Theme",
+    "change-language": "Change Language",
+    "about": "About Vutron"
+  }
+}

src/renderer/locales/ko.json

@@ -0,0 +1,10 @@
+{
+  "desc": {
+    "welcome": "Vutron을 이용해주셔서 감사드립니다. 이 멋진 템플릿을 활용하면 다양한 크로스플랫폼 애플리케이션을 손쉽게 제작할 수 있습니다."
+  },
+  "menu": {
+    "change-theme": "테마 변경",
+    "change-language": "언어 변경",
+    "about": "Vutron 정보"
+  }
+}

src/renderer/plugins/i18n.js

@@ -1,7 +1,7 @@
 import { createI18n } from 'vue-i18n'
-import en from '../../locales/en.json'
-import ko from '../../locales/ko.json'
-import Utils from '../assets/js/utils'
+import en from '../locales/en.json'
+import ko from '../locales/ko.json'
+import Utils from '../utils'
 
 export default createI18n({
   legacy: false,