added first layout

resources/js/pages/Events/List.vue

@@ -0,0 +1,11 @@
+<template>
+
+</template>
+
+<script setup>
+
+import BELayout from '@/Layouts/BELayout.vue'
+
+defineOptions({ layout: BELayout })
+
+</script>

resources/js/pages/Login.vue

@@ -1,15 +1,42 @@
 <template>
-    <main class="bg-slate-50 h-screen flex justify-center">
-        <div class="m-auto bg-white p-4 border rounded space-y-4 drop-shadow">
-            <h1 class="text-center text-lg font-bold">Login</h1>
-            <n-input>
-
-            </n-input>
-
-            <n-input>
-
-            </n-input>
-    </div>
-    </main>
+    <h1 class="text-center text-lg font-bold">Login</h1>
     
-</template>
+    <n-form  
+        label-placement="top"
+        :model="formValue"
+        ref="formRef"
+        :rules="rules"
+    >
+        <n-form-item label="Benutzername" path="user">
+            <n-input v-model:value="formValue.user" placeholder="Benutzername" />
+        </n-form-item>
+        <n-form-item label="Passwort" path="password">
+            <n-input v-model:value="formValue.password" placeholder="Passwort"></n-input>
+        </n-form-item>
+        <div class="flex justify-center">
+            <n-button class="bg-[#18A058]" type="success" @click="onClickLogin">Einloggen</n-button>
+        </div>
+    </n-form>
+</template>
+
+<script setup>
+    import { ref } from 'vue'
+    import { router } from '@inertiajs/vue3'
+    import BELayout from '@/Layouts/BELayout.vue'
+
+    defineOptions({ layout: BELayout })
+
+    const formRef = ref(null)
+    const formValue = ref({
+        user: '',
+        password: ''
+    })
+    
+    const rules = ref(undefined)
+
+    function onClickLogin(){
+        router.get(
+            '/Events'
+        )
+    }
+</script>