renderer: use alias for import

src/renderer/App.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { DefaultLayout } from './components/layout'
+import { DefaultLayout } from '@/renderer/components/layout'
 </script>
 
 <template>

src/renderer/components/layout/DefaultLayout.vue

@@ -1,5 +1,5 @@
 <script setup>
-import HeaderLayout from './HeaderLayout'
+import HeaderLayout from '@/renderer/components/layout/HeaderLayout'
 </script>
 
 <template>

src/renderer/components/layout/index.js

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

src/renderer/main.js

@@ -1,12 +1,12 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 
-import App from './App'
-import router from './router'
-import vuetify from './plugins/vuetify'
+import App from '@/renderer/App'
+import router from '@/renderer/router'
+import vuetify from '@/renderer/plugins/vuetify'
+import i18n from '@/renderer/plugins/i18n'
 
 import 'vuetify/dist/vuetify.min.css'
-import i18n from './plugins/i18n'
 
 const app = createApp(App)
 

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 '../utils'
+import en from '@/renderer/locales/en.json'
+import ko from '@/renderer/locales/ko.json'
+import Utils from '@/renderer/utils'
 
 export default createI18n({
   legacy: false,

src/renderer/router/index.js

@@ -1,5 +1,5 @@
 import { createRouter, createWebHashHistory } from 'vue-router/dist/vue-router.esm-bundler'
-import { MainScreen, ErrorScreen } from '../screens'
+import { MainScreen, ErrorScreen } from '@/renderer/screens'
 
 export default createRouter({
   history: createWebHashHistory(),

src/renderer/screens/MainScreen.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { useI18n } from 'vue-i18n'
 import { useTheme } from 'vuetify'
-import Utils from '../utils'
+import Utils from '@/renderer/utils'
 
 const { locale } = useI18n()
 const theme = useTheme()

src/renderer/screens/index.js

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