Innit for login

src/components/Login.vue

@@ -0,0 +1,29 @@
+<script>
+export default {
+	name: "login",
+	data() {
+		return {
+			
+		}
+	},
+	methods: {
+		
+	},
+	beforeDestroy() {
+
+	},
+}
+
+</script>
+
+<template>
+	<div>
+		Login:
+	</div>
+	<form>
+		<input type="text" name="Username" autofocus placeholder="Username">
+		<input type="password" name="Password" placeholder="Password">
+	</form>
+</template>
+
+<style scoped></style>

src/router/index.js

@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
+import LoginView from '../views/LoginView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -9,6 +10,11 @@ const router = createRouter({
       name: 'home',
       component: HomeView
     },
+    {
+      path: '/login',
+      name: 'login',
+      component: LoginView
+    },
     // {
     //   path: '/about',
     //   name: 'about',

src/views/LoginView.vue

@@ -0,0 +1,12 @@
+<script setup>
+import Login from '../components/Login.vue';
+</script>
+
+<template>
+	<div id="Home">
+		<Login />
+	</div>
+</template>
+
+<style scoped>
+</style>