✨ Use Vue-based login page

src/views/LoginView.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="login">
+    <h1>Timetable V2</h1>
+    <form action="/login" method="POST">
+      <input
+        type="password"
+        name="password"
+        autocomplete="current-password"
+        placeholder="Password"
+      />
+      <button type="submit">Login</button>
+    </form>
+  </div>
+</template>
+
+<style scoped>
+.login {
+  padding: 65px 10px 80px 10px;
+}
+
+body {
+  background-color: #353535;
+}
+.login {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  font-family: Arial, Helvetica, sans-serif;
+  color: #bdbdbd;
+  height: 80%;
+}
+form {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+input {
+  border: 0px;
+  outline: none;
+  background-color: #3a3737;
+  padding: 5px 5px;
+  margin: 5px 0;
+  border: 2px solid #34631f;
+  border-radius: 5px;
+  color: #bdbdbd;
+}
+
+button {
+  outline: none;
+  padding: 5px 5px;
+  border: 2px solid #1f5b63;
+  border-radius: 5px;
+  color: #bdbdbd;
+  background-color: #242121;
+}
+</style>