diff --git a/src/components/login/index.vue b/src/components/login/index.vue
index 5fb8776..a36f970 100644
--- a/src/components/login/index.vue
+++ b/src/components/login/index.vue
@@ -4,16 +4,18 @@
 
 <script lang="ts">
 
-export default {
+import { defineComponent } from "vue";
+
+export default defineComponent({
 
   name: "Login",
 
-};
+});
 
 </script>
 
 <style lang="scss" scoped>
-  #messenger {
+  #login {
     width: 350px;
     height: 500px;
     background-color: #e6e6e6;
diff --git a/src/router.ts b/src/router.ts
index bc2a7ed..d91198a 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -13,7 +13,7 @@ import Splash from "./views/splash.vue";
 const routes: Array<RouteRecordRaw> = [
 
   {
-    path: "/",
+    path: "/asdas",
     name: "Splash",
     component: Splash
   },
@@ -25,7 +25,7 @@ const routes: Array<RouteRecordRaw> = [
   },
 
   {
-    path: "/login",
+    path: "/",
     name: "Login",
     component: Login
   },
@@ -33,7 +33,7 @@ const routes: Array<RouteRecordRaw> = [
 ];
 
 const router = createRouter({
-  history: createWebHashHistory(),
+  history: process.env.IS_ELECTRON ? createWebHashHistory() : createWebHistory(process.env.BASE_URL),
   routes
 });