pack: add .editorconfig and use tab instead of space

src/main/MainRunner.ts

@@ -3,91 +3,91 @@ import Constants from './utils/Constants'
 import * as electronRemote from '@electron/remote/main'
 
 const exitApp = (mainWindow: BrowserWindow): void => {
-  if (mainWindow && !mainWindow.isDestroyed()) {
-    mainWindow.hide()
-  }
-  mainWindow.destroy()
-  app.exit()
+	if (mainWindow && !mainWindow.isDestroyed()) {
+		mainWindow.hide()
+	}
+	mainWindow.destroy()
+	app.exit()
 }
 
 export const createMainWindow = async (mainWindow: BrowserWindow): Promise<BrowserWindow> => {
-  mainWindow = new BrowserWindow({
-    title: Constants.APP_NAME,
-    show: false,
-    width: Constants.IS_DEV_ENV ? 1500 : 1200,
-    height: 650,
-    useContentSize: true,
-    webPreferences: Constants.DEFAULT_WEB_PREFERENCES
-  })
+	mainWindow = new BrowserWindow({
+		title: Constants.APP_NAME,
+		show: false,
+		width: Constants.IS_DEV_ENV ? 1500 : 1200,
+		height: 650,
+		useContentSize: true,
+		webPreferences: Constants.DEFAULT_WEB_PREFERENCES
+	})
 
-  mainWindow.setMenu(null)
+	mainWindow.setMenu(null)
 
-  mainWindow.on('close', (event: Event) => {
-    event.preventDefault()
-    exitApp(mainWindow)
-  })
+	mainWindow.on('close', (event: Event) => {
+		event.preventDefault()
+		exitApp(mainWindow)
+	})
 
-  mainWindow.webContents.on('did-frame-finish-load', () => {
-    if (Constants.IS_DEV_ENV) {
-      mainWindow.webContents.openDevTools()
-    }
-  })
+	mainWindow.webContents.on('did-frame-finish-load', () => {
+		if (Constants.IS_DEV_ENV) {
+			mainWindow.webContents.openDevTools()
+		}
+	})
 
-  mainWindow.once('ready-to-show', () => {
-    mainWindow.setAlwaysOnTop(true)
-    mainWindow.show()
-    mainWindow.focus()
-    mainWindow.setAlwaysOnTop(false)
+	mainWindow.once('ready-to-show', () => {
+		mainWindow.setAlwaysOnTop(true)
+		mainWindow.show()
+		mainWindow.focus()
+		mainWindow.setAlwaysOnTop(false)
 
-    electronRemote.initialize()
-  })
+		electronRemote.initialize()
+	})
 
-  if (Constants.IS_DEV_ENV) {
-    await mainWindow.loadURL(Constants.APP_INDEX_URL_DEV)
-  } else {
-    await mainWindow.loadFile(Constants.APP_INDEX_URL_PROD)
-  }
+	if (Constants.IS_DEV_ENV) {
+		await mainWindow.loadURL(Constants.APP_INDEX_URL_DEV)
+	} else {
+		await mainWindow.loadFile(Constants.APP_INDEX_URL_PROD)
+	}
 
-  return mainWindow
+	return mainWindow
 }
 
 export const createErrorWindow = async (
-  errorWindow: BrowserWindow,
-  mainWindow: BrowserWindow,
-  details?: RenderProcessGoneDetails
+	errorWindow: BrowserWindow,
+	mainWindow: BrowserWindow,
+	details?: RenderProcessGoneDetails
 ): Promise<BrowserWindow> => {
-  if (!Constants.IS_DEV_ENV) {
-    mainWindow?.hide()
-  }
+	if (!Constants.IS_DEV_ENV) {
+		mainWindow?.hide()
+	}
 
-  errorWindow = new BrowserWindow({
-    title: Constants.APP_NAME,
-    show: false,
-    resizable: Constants.IS_DEV_ENV,
-    webPreferences: Constants.DEFAULT_WEB_PREFERENCES
-  })
+	errorWindow = new BrowserWindow({
+		title: Constants.APP_NAME,
+		show: false,
+		resizable: Constants.IS_DEV_ENV,
+		webPreferences: Constants.DEFAULT_WEB_PREFERENCES
+	})
 
-  errorWindow.setMenu(null)
+	errorWindow.setMenu(null)
 
-  if (Constants.IS_DEV_ENV) {
-    await errorWindow.loadURL(`${Constants.APP_INDEX_URL_DEV}#/error`)
-  } else {
-    await errorWindow.loadFile(Constants.APP_INDEX_URL_PROD, { hash: 'error' })
-  }
+	if (Constants.IS_DEV_ENV) {
+		await errorWindow.loadURL(`${Constants.APP_INDEX_URL_DEV}#/error`)
+	} else {
+		await errorWindow.loadFile(Constants.APP_INDEX_URL_PROD, { hash: 'error' })
+	}
 
-  errorWindow.on('ready-to-show', () => {
-    if (!Constants.IS_DEV_ENV && mainWindow && !mainWindow.isDestroyed()) {
-      mainWindow.destroy()
-    }
-    errorWindow.show()
-    errorWindow.focus()
-  })
+	errorWindow.on('ready-to-show', () => {
+		if (!Constants.IS_DEV_ENV && mainWindow && !mainWindow.isDestroyed()) {
+			mainWindow.destroy()
+		}
+		errorWindow.show()
+		errorWindow.focus()
+	})
 
-  errorWindow.webContents.on('did-frame-finish-load', () => {
-    if (Constants.IS_DEV_ENV) {
-      errorWindow.webContents.openDevTools()
-    }
-  })
+	errorWindow.webContents.on('did-frame-finish-load', () => {
+		if (Constants.IS_DEV_ENV) {
+			errorWindow.webContents.openDevTools()
+		}
+	})
 
-  return errorWindow
+	return errorWindow
 }

src/main/index.ts

@@ -7,33 +7,33 @@ let mainWindow
 let errorWindow
 
 app.on('ready', () => {
-  macOSDisableDefaultMenuItem()
+	macOSDisableDefaultMenuItem()
 
-  mainWindow = createMainWindow(mainWindow)
+	mainWindow = createMainWindow(mainWindow)
 })
 
 app.on('activate', () => {
-  if (!mainWindow) {
-    mainWindow = createMainWindow(mainWindow)
-  }
+	if (!mainWindow) {
+		mainWindow = createMainWindow(mainWindow)
+	}
 })
 
 app.on('window-all-closed', () => {
-  mainWindow = null
-  errorWindow = null
+	mainWindow = null
+	errorWindow = null
 
-  if (!Constants.IS_MAC) {
-    app.quit()
-  }
+	if (!Constants.IS_MAC) {
+		app.quit()
+	}
 })
 
 app.on(
-  'render-process-gone',
-  (event: Event, webContents: WebContents, details: RenderProcessGoneDetails) => {
-    errorWindow = createErrorWindow(errorWindow, mainWindow, details)
-  }
+	'render-process-gone',
+	(event: Event, webContents: WebContents, details: RenderProcessGoneDetails) => {
+		errorWindow = createErrorWindow(errorWindow, mainWindow, details)
+	}
 )
 
 process.on('uncaughtException', () => {
-  errorWindow = createErrorWindow(errorWindow, mainWindow)
+	errorWindow = createErrorWindow(errorWindow, mainWindow)
 })

src/main/utils/Constants.ts

@@ -1,19 +1,19 @@
 import { join } from 'path'
 
 export default class Constants {
-  static APP_NAME = 'Vutron'
+	static APP_NAME = 'Vutron'
 
-  static IS_DEV_ENV = process.env.NODE_ENV === 'development'
+	static IS_DEV_ENV = process.env.NODE_ENV === 'development'
 
-  static IS_MAC = process.platform === 'darwin'
+	static IS_MAC = process.platform === 'darwin'
 
-  static DEFAULT_WEB_PREFERENCES = {
-    nodeIntegration: true,
-    contextIsolation: false,
-    nodeIntegrationInWorker: true,
-    enableRemoteModule: true
-  }
+	static DEFAULT_WEB_PREFERENCES = {
+		nodeIntegration: true,
+		contextIsolation: false,
+		nodeIntegrationInWorker: true,
+		enableRemoteModule: true
+	}
 
-  static APP_INDEX_URL_DEV = 'http://localhost:5173/index.html'
-  static APP_INDEX_URL_PROD = join(__dirname, '../index.html')
+	static APP_INDEX_URL_DEV = 'http://localhost:5173/index.html'
+	static APP_INDEX_URL_PROD = join(__dirname, '../index.html')
 }

src/main/utils/Menus.ts

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

src/renderer/App.vue

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

src/renderer/components/layout/DefaultLayout.vue

@@ -3,12 +3,12 @@ import HeaderLayout from '@/renderer/components/layout/HeaderLayout.vue'
 </script>
 
 <template>
-  <v-app>
-    <v-layout>
-      <HeaderLayout />
-      <v-main>
-        <slot />
-      </v-main>
-    </v-layout>
-  </v-app>
+	<v-app>
+		<v-layout>
+			<HeaderLayout />
+			<v-main>
+				<slot />
+			</v-main>
+		</v-layout>
+	</v-app>
 </template>

src/renderer/components/layout/HeaderLayout.vue

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

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/locales/en.json

@@ -1,10 +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"
-  }
+	"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

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

src/renderer/plugins/i18n.ts

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

src/renderer/plugins/vuetify.ts

@@ -5,32 +5,32 @@ import { aliases, mdi } from 'vuetify/iconsets/mdi'
 import colors from 'vuetify/lib/util/colors.mjs'
 
 export default createVuetify({
-  locale: {
-    messages: { ko, en },
-    defaultLocale: 'en',
-    fallbackLocale: 'en'
-  },
-  icons: {
-    defaultSet: 'mdi',
-    aliases,
-    sets: {
-      mdi
-    }
-  },
-  theme: {
-    themes: {
-      light: {
-        dark: false,
-        colors: {
-          primary: colors.green.darken2
-        }
-      },
-      dark: {
-        dark: true,
-        colors: {
-          primary: colors.green.darken4
-        }
-      }
-    }
-  }
+	locale: {
+		messages: { ko, en },
+		defaultLocale: 'en',
+		fallbackLocale: 'en'
+	},
+	icons: {
+		defaultSet: 'mdi',
+		aliases,
+		sets: {
+			mdi
+		}
+	},
+	theme: {
+		themes: {
+			light: {
+				dark: false,
+				colors: {
+					primary: colors.green.darken2
+				}
+			},
+			dark: {
+				dark: true,
+				colors: {
+					primary: colors.green.darken4
+				}
+			}
+		}
+	}
 })

src/renderer/router/index.ts

@@ -2,25 +2,25 @@ import { createRouter, createWebHashHistory } from 'vue-router/dist/vue-router.e
 import { MainScreen, ErrorScreen } from '@/renderer/screens'
 
 export default createRouter({
-  history: createWebHashHistory(),
-  routes: [
-    {
-      path: '/',
-      component: MainScreen,
-      meta: {
-        title: 'Main'
-      }
-    },
-    {
-      path: '/error',
-      component: ErrorScreen,
-      meta: {
-        title: 'Unknown error occurred'
-      }
-    },
-    {
-      path: '/:pathMatch(.*)*',
-      redirect: '/'
-    }
-  ]
+	history: createWebHashHistory(),
+	routes: [
+		{
+			path: '/',
+			component: MainScreen,
+			meta: {
+				title: 'Main'
+			}
+		},
+		{
+			path: '/error',
+			component: ErrorScreen,
+			meta: {
+				title: 'Unknown error occurred'
+			}
+		},
+		{
+			path: '/:pathMatch(.*)*',
+			redirect: '/'
+		}
+	]
 })

src/renderer/screens/ErrorScreen.vue

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

src/renderer/screens/MainScreen.vue

@@ -11,54 +11,54 @@ const { counterIncrease } = useTempStore()
 const { counter } = storeToRefs(useTempStore())
 
 const handleChangeTheme = (): void => {
-  theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
+	theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
 }
 
 const handleChangeLanguage = (): void => {
-  if (locale.value === 'en') {
-    locale.value = 'ko'
-  } else {
-    locale.value = 'en'
-  }
+	if (locale.value === 'en') {
+		locale.value = 'ko'
+	} else {
+		locale.value = 'en'
+	}
 }
 
 const handleAbout = async (): Promise<void> => {
-  await openExternal('https://github.com/jooy2/vutron')
+	await openExternal('https://github.com/jooy2/vutron')
 }
 
 const handleCountIncrease = (): void => {
-  counterIncrease(1)
+	counterIncrease(1)
 }
 </script>
 
 <template>
-  <v-container>
-    <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" />
-      </v-col>
-      <v-col cols="12">
-        {{ $t('desc.welcome') }}
-      </v-col>
-      <v-col cols="12"> Counter: {{ counter }} </v-col>
-      <v-col cols="3">
-        <v-btn block color="primary" @click="handleChangeTheme">
-          {{ $t('menu.change-theme') }}
-        </v-btn>
-      </v-col>
-      <v-col cols="3">
-        <v-btn block color="primary" @click="handleChangeLanguage">
-          {{ $t('menu.change-language') }}
-        </v-btn>
-      </v-col>
-      <v-col cols="3">
-        <v-btn block color="primary" @click="handleAbout">
-          {{ $t('menu.about') }}
-        </v-btn>
-      </v-col>
-      <v-col cols="3">
-        <v-btn block color="primary" @click="handleCountIncrease">Count + 1</v-btn>
-      </v-col>
-    </v-row>
-  </v-container>
+	<v-container>
+		<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" />
+			</v-col>
+			<v-col cols="12">
+				{{ $t('desc.welcome') }}
+			</v-col>
+			<v-col cols="12"> Counter: {{ counter }} </v-col>
+			<v-col cols="3">
+				<v-btn block color="primary" @click="handleChangeTheme">
+					{{ $t('menu.change-theme') }}
+				</v-btn>
+			</v-col>
+			<v-col cols="3">
+				<v-btn block color="primary" @click="handleChangeLanguage">
+					{{ $t('menu.change-language') }}
+				</v-btn>
+			</v-col>
+			<v-col cols="3">
+				<v-btn block color="primary" @click="handleAbout">
+					{{ $t('menu.about') }}
+				</v-btn>
+			</v-col>
+			<v-col cols="3">
+				<v-btn block color="primary" @click="handleCountIncrease">Count + 1</v-btn>
+			</v-col>
+		</v-row>
+	</v-container>
 </template>

src/renderer/store/temp.ts

@@ -1,15 +1,15 @@
 import { defineStore } from 'pinia'
 
 export const useTempStore = defineStore('temp', {
-  state: () => ({
-    counter: 0
-  }),
-  getters: {
-    getCounter: (state): number => state.counter
-  },
-  actions: {
-    counterIncrease(amount: number) {
-      this.counter += amount
-    }
-  }
+	state: () => ({
+		counter: 0
+	}),
+	getters: {
+		getCounter: (state): number => state.counter
+	},
+	actions: {
+		counterIncrease(amount: number) {
+			this.counter += amount
+		}
+	}
 })

src/renderer/utils/index.ts

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