pack: add prettier and reformat all codes

src/renderer/App.vue

@@ -9,15 +9,16 @@ import { DefaultLayout } from '@/renderer/components/layout'
 </template>
 
 <style>
-  html {
-    overflow-y: auto !important
-  }
-  html, body {
-    width: 100%;
-    height: 100%
-  }
-  /* Do not force capitalization of button text */
-  .v-btn {
-    text-transform: unset !important
-  }
+html {
+  overflow-y: auto !important;
+}
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+/* Do not force capitalization of button text */
+.v-btn {
+  text-transform: unset !important;
+}
 </style>

src/renderer/components/layout/HeaderLayout.vue

@@ -1,8 +1,5 @@
 <template>
-  <v-app-bar
-    color="primary"
-    density="compact"
-  >
+  <v-app-bar color="primary" density="compact">
     <v-app-bar-title>{{ $route.meta.title }}</v-app-bar-title>
   </v-app-bar>
 </template>

src/renderer/components/layout/index.ts

@@ -1,7 +1,4 @@
 import DefaultLayout from '@/renderer/components/layout/DefaultLayout.vue'
 import HeaderLayout from '@/renderer/components/layout/HeaderLayout.vue'
 
-export {
-  DefaultLayout,
-  HeaderLayout
-}
+export { DefaultLayout, HeaderLayout }

src/renderer/index.html

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

src/renderer/main.ts

@@ -10,10 +10,6 @@ import 'vuetify/dist/vuetify.min.css'
 
 const app = createApp(App)
 
-app
-  .use(vuetify)
-  .use(i18n)
-  .use(router)
-  .use(createPinia())
+app.use(vuetify).use(i18n).use(router).use(createPinia())
 
 app.mount('#app')

src/renderer/screens/ErrorScreen.vue

@@ -1,8 +1,5 @@
-<script setup lang="tsx">
-</script>
+<script setup lang="tsx"></script>
 
 <template>
-  <div>
-    Unknown error occurred
-  </div>
+  <div>Unknown error occurred</div>
 </template>

src/renderer/screens/MainScreen.vue

@@ -6,11 +6,11 @@ import Utils from '@/renderer/utils'
 const { locale } = useI18n()
 const theme = useTheme()
 
-const handleChangeTheme = () : void => {
+const handleChangeTheme = (): void => {
   theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
 }
 
-const handleChangeLanguage = () : void => {
+const handleChangeLanguage = (): void => {
   if (locale.value === 'en') {
     locale.value = 'ko'
   } else {
@@ -18,51 +18,32 @@ const handleChangeLanguage = () : void => {
   }
 }
 
-const handleAbout = async () : Promise<void> => {
+const handleAbout = async (): Promise<void> => {
   await Utils.openExternal('https://github.com/jooy2/vutron')
 }
 </script>
 
 <template>
   <v-container>
-    <v-row
-      align="center"
-      class="text-center"
-    >
+    <v-row align="center" class="text-center">
       <v-col cols="12">
-        <img
-          alt="logo"
-          class="ma-auto h-auto w-75"
-          src="/images/vutron-logo.webp"
-        >
+        <img alt="logo" class="ma-auto h-auto w-75" src="/images/vutron-logo.webp" />
       </v-col>
       <v-col cols="12">
         {{ $t('desc.welcome') }}
       </v-col>
       <v-col cols="4">
-        <v-btn
-          block
-          color="primary"
-          @click="handleChangeTheme"
-        >
+        <v-btn block color="primary" @click="handleChangeTheme">
           {{ $t('menu.change-theme') }}
         </v-btn>
       </v-col>
       <v-col cols="4">
-        <v-btn
-          block
-          color="primary"
-          @click="handleChangeLanguage"
-        >
+        <v-btn block color="primary" @click="handleChangeLanguage">
           {{ $t('menu.change-language') }}
         </v-btn>
       </v-col>
       <v-col cols="4">
-        <v-btn
-          block
-          color="primary"
-          @click="handleAbout"
-        >
+        <v-btn block color="primary" @click="handleAbout">
           {{ $t('menu.about') }}
         </v-btn>
       </v-col>

src/renderer/screens/index.ts

@@ -1,7 +1,4 @@
 import ErrorScreen from '@/renderer/screens/ErrorScreen.vue'
 import MainScreen from '@/renderer/screens/MainScreen.vue'
 
-export {
-  ErrorScreen,
-  MainScreen
-}
+export { ErrorScreen, MainScreen }

src/renderer/store/temp.ts

@@ -8,7 +8,7 @@ export const useTempStore = defineStore('temp', {
     getText: (state) => state.text
   },
   actions: {
-    setText (text) {
+    setText(text) {
       this.text = text
     }
   }

src/renderer/utils/index.ts

@@ -1,11 +1,11 @@
 import { shell } from 'electron'
 
 export default class Utils {
-  static getCurrentLocale () : string {
+  static getCurrentLocale(): string {
     return navigator?.language?.split('-')[0] || 'en'
   }
 
-  static async openExternal (url: string) : Promise<void> {
+  static async openExternal(url: string): Promise<void> {
     await shell.openExternal(url)
   }
 }