splash and login screens

src/background.ts

@@ -27,7 +27,7 @@ function createWindow() {
   win = new BrowserWindow({
     width: 350,
     height: 520,
-    resizable: false,
+    resizable: true,
     maximizable: false,
 
     // Postition at launch
@@ -35,7 +35,13 @@ function createWindow() {
     y: 10,
 
     webPreferences: {
-      devTools: false,
+      devTools: true,
+
+      nodeIntegration: 
+        (process.env.ELECTRON_NODE_INTEGRATION as unknown) as boolean,
+
+      preload: path.join(__dirname, "preload.js")
+
     }
 
   });

src/components/splash/index.vue

@@ -0,0 +1,46 @@
+<template>
+  <svg 
+    id="splash"
+    xmlns="http://www.w3.org/2000/svg" 
+    width="57.046" 
+    height="52.759" 
+    viewBox="0 0 57.046 52.759"
+  >
+    <g transform="translate(-4127 -507)">
+      <g transform="translate(3949 332.206)">
+        <g transform="translate(178 174.794)">
+          <g transform="translate(0 27.405)">
+            <circle id="Ellipse_50" data-name="Ellipse 50" cx="12.677" cy="12.677" r="12.677" transform="translate(0 0)" fill="#383838"/>
+            <circle id="Ellipse_51" data-name="Ellipse 51" cx="12.677" cy="12.677" r="12.677" transform="translate(31.692 0)" fill="#383838"/>
+          </g>
+          <circle id="Ellipse_52" data-name="Ellipse 52" cx="12.677" cy="12.677" r="12.677" transform="translate(15.822 0)" fill="#383838"/>
+          <path id="Path_150" data-name="Path 150" d="M36.27,83.67" transform="translate(-23.569 -43.588)" fill="#ff0"/>
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>
+
+<script lang="ts">
+
+import { defineComponent } from "vue";
+
+export default defineComponent({
+
+  name: "Splash",
+
+});
+
+</script>
+
+<style lang="scss" scoped>
+
+  #splash {
+    width: 350px;
+    height: 500px;
+    background-color: #FF52CA;
+    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
+    // border-radius: 20px;
+  }
+
+</style>

src/router.ts

@@ -7,12 +7,19 @@ import {
 
 import Home from "./views/home.vue";
 import Login from "./views/login.vue";
+import Splash from "./views/splash.vue";
 
 // Define the routes (/*) for the app here.
 const routes: Array<RouteRecordRaw> = [
 
   {
     path: "/",
+    name: "Splash",
+    component: Splash
+  },
+
+  {
+    path: "/home",
     name: "Home",
     component: Home
   },

src/views/splash.vue

@@ -0,0 +1,17 @@
+<template>
+    <Splash />
+</template>
+
+<script lang="ts">
+    
+import { defineComponent } from "vue";
+import Splash from "@/components/splash/index.vue"
+
+export default defineComponent({
+
+    name: "Splash",
+    componants: { Splash },
+
+});
+
+</script>