initial commit

src/renderer/App.vue

@@ -0,0 +1,11 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>

src/renderer/components/screen/ErrorScreen.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+    Unknown error occurred
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ErrorScreen'
+}
+</script>

src/renderer/components/screen/MainScreen.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+    Main Screen
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MainScreen'
+}
+</script>

src/renderer/components/screen/index.js

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

src/renderer/main.js

@@ -0,0 +1,14 @@
+import { createApp } from 'vue'
+
+import App from './App'
+import router from './router'
+import vuetify from './plugins/vuetify'
+import 'vuetify/dist/vuetify.min.css'
+
+const app = createApp(App)
+
+app
+  .use(vuetify)
+  .use(router)
+
+app.mount('#app')

src/renderer/plugins/i18n.js

@@ -0,0 +1,5 @@
+import en from '../../locales/en.json'
+
+export default {
+  en
+}

src/renderer/plugins/vuetify.js

@@ -0,0 +1,15 @@
+import { createVuetify } from 'vuetify/dist/vuetify'
+import messages from './i18n'
+
+const vuetify = createVuetify({
+  icons: {
+    iconfont: 'mdi'
+  },
+  locale: {
+    defaultLocale: 'en',
+    fallbackLocale: 'en',
+    messages
+  }
+})
+
+export default vuetify

src/renderer/router/index.js

@@ -0,0 +1,22 @@
+import { createRouter, createWebHashHistory } from 'vue-router/dist/vue-router.esm-bundler'
+import { MainScreen, ErrorScreen } from '../components/screen'
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes: [
+    {
+      path: '/',
+      component: MainScreen
+    },
+    {
+      path: '/crash',
+      component: ErrorScreen
+    },
+    {
+      path: '/:pathMatch(.*)*',
+      redirect: '/'
+    }
+  ]
+})
+
+export default router