pack: add prettier and reformat all codes

src/main/MainRunner.ts

@@ -2,7 +2,7 @@ import { app, BrowserWindow, RenderProcessGoneDetails } from 'electron'
 import Constants from './utils/Constants'
 import * as electronRemote from '@electron/remote/main'
 
-const exitApp = (mainWindow: BrowserWindow) : void => {
+const exitApp = (mainWindow: BrowserWindow): void => {
   if (mainWindow && !mainWindow.isDestroyed()) {
     mainWindow.hide()
   }
@@ -10,7 +10,7 @@ const exitApp = (mainWindow: BrowserWindow) : void => {
   app.exit()
 }
 
-export const createMainWindow = async (mainWindow: BrowserWindow) : Promise<BrowserWindow> => {
+export const createMainWindow = async (mainWindow: BrowserWindow): Promise<BrowserWindow> => {
   mainWindow = new BrowserWindow({
     title: Constants.APP_NAME,
     show: false,
@@ -51,7 +51,11 @@ export const createMainWindow = async (mainWindow: BrowserWindow) : Promise<Brow
   return mainWindow
 }
 
-export const createErrorWindow = async (errorWindow: BrowserWindow, mainWindow: BrowserWindow, details?: RenderProcessGoneDetails) : Promise<BrowserWindow> => {
+export const createErrorWindow = async (
+  errorWindow: BrowserWindow,
+  mainWindow: BrowserWindow,
+  details?: RenderProcessGoneDetails
+): Promise<BrowserWindow> => {
   if (!Constants.IS_DEV_ENV) {
     mainWindow?.hide()
   }

src/main/index.ts

@@ -27,9 +27,12 @@ app.on('window-all-closed', () => {
   }
 })
 
-app.on('render-process-gone', (event: Event, webContents: WebContents, details: RenderProcessGoneDetails) => {
-  errorWindow = createErrorWindow(errorWindow, mainWindow, details)
-})
+app.on(
+  'render-process-gone',
+  (event: Event, webContents: WebContents, details: RenderProcessGoneDetails) => {
+    errorWindow = createErrorWindow(errorWindow, mainWindow, details)
+  }
+)
 
 process.on('uncaughtException', () => {
   errorWindow = createErrorWindow(errorWindow, mainWindow)

src/main/utils/Menus.ts

@@ -2,7 +2,7 @@ import { systemPreferences } from 'electron'
 import Constants from './Constants'
 
 export default class Menus {
-  static macOSDisableDefaultMenuItem () : void {
+  static macOSDisableDefaultMenuItem(): void {
     if (Constants.IS_MAC) {
       systemPreferences.setUserDefault('NSDisabledDictationMenuItem', 'boolean', true)
       systemPreferences.setUserDefault('NSDisabledCharacterPaletteMenuItem', 'boolean', true)

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)
   }
 }