working on AuthController

resources/js/pages/Login.vue

@@ -6,8 +6,8 @@
         ref="formRef"
         :rules="rules"
     >
-        <n-form-item label="Benutzername" path="user">
-            <n-input v-model:value="formValue.user" placeholder="Benutzername" />
+        <n-form-item label="Benutzername" path="username">
+            <n-input v-model:value="formValue.username" placeholder="Benutzername" />
         </n-form-item>
         <n-form-item label="Passwort" path="password">
             <n-input v-model:value="formValue.password" placeholder="Passwort"></n-input>
@@ -16,26 +16,28 @@
             <n-button class="bg-[#18A058]" type="success" @click="onClickLogin">Anmelden</n-button>
         </div>
     </n-form>
+    <div>
+        {{ response }}
+    </div>
 </template>
 
 <script setup>
-    import { ref } from 'vue'
+    import { ref, reactive } from 'vue'
     import { router } from '@inertiajs/vue3'
     import LoginLayout from '@/layouts/LoginLayout.vue'
 
     defineOptions({ layout: LoginLayout })
+    const props = defineProps(['response'])
 
     const formRef = ref(null)
-    const formValue = ref({
-        user: '',
-        password: ''
+    const formValue = reactive({
+        username: '',
+        password: '',
     })
     
     const rules = ref(undefined)
 
     function onClickLogin(){
-        router.get(
-            '/events'
-        )
+        router.post('/login', formValue)
     }
 </script>