أرجوك اقتلني ...Э

frontend/src/App.vue

@@ -29,7 +29,9 @@
         </div>
       </div>
     </div>
-    <router-view />
+    <div class="flex flex-col w-full h-full justify-center items-center">
+      <router-view />
+    </div>
   </div>
 </template>
 

frontend/src/pages/loginPage.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="flex flex-col">
+    <div class="flex flex-col gap-2">
+      <p class="">Authorization</p>
+      <input ref="login" placeholder="login" class="border-2 rounded-xl px-4 transition-all duration-300 hover:border-black/60 active:border-black/80 focus:border-black" />
+      <input ref="login" placeholder="password" type="password" class="border-2 rounded-xl px-4 transition-all duration-300 hover:border-black/60 active:border-black/80 focus:border-black" />
+      <div>log in</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "loginPage",
+  data() {
+    return {
+
+    }
+  },
+  mounted() {
+
+  }
+}
+</script>

frontend/src/pages/mainPage.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="flex flex-col gap-4 w-full h-full">
+    <!-- начальника не ругайся -->
     <div ref="slider" class="flex w-full gap-4 snap-x overflow-x-scroll snap-mandatory drop-shadow-md">
       <div
           v-for="i in [1,2,3,4,5,6,7,8,9,1,2,3,4,5,6,7,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]"

frontend/src/router/index.js

@@ -1,11 +1,15 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 
 import MainPage from "@/pages/mainPage";
+import LoginPage from "@/pages/loginPage";
 
 export const router = createRouter({
     history: createWebHashHistory(),
     routes: [{
         path: '/',
         component: MainPage
+    }, {
+        path: '/profile',
+        component: LoginPage
     }]
 })