first steps on login form

components.d.ts

@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    NInput: typeof import('naive-ui')['NInput']
+  }
+}

package-lock.json

@@ -3279,9 +3279,9 @@
       "dev": true
     },
     "node_modules/@symfony/webpack-encore": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/@symfony/webpack-encore/-/webpack-encore-4.1.1.tgz",
-      "integrity": "sha512-uZRXej1prTvYG/QJWR/DzKcZtBKEXDkGtK9qlQtO43ip8t8NIZmM+w8qeb4eiS7aoULWmpG7GpQOLWPhsccUDA==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@symfony/webpack-encore/-/webpack-encore-4.3.0.tgz",
+      "integrity": "sha512-YhM6xh+aKmrWS7X7Y2CUDte4wiUm9WIo0w07KTwDLLQnOUdMHRf3wa680WXH/I3oHqD+grFa7BHPpR0sfmoGMQ==",
       "dev": true,
       "dependencies": {
         "@nuxt/friendly-errors-webpack-plugin": "^2.5.1",
@@ -3320,9 +3320,9 @@
         "@symfony/stimulus-bridge": "^3.0.0",
         "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
         "@vue/babel-preset-jsx": "^1.0.0",
-        "@vue/compiler-sfc": "^3.0.2",
+        "@vue/compiler-sfc": "^2.6 || ^3.0.2",
         "eslint": "^8.0.0",
-        "eslint-webpack-plugin": "^3.1.0",
+        "eslint-webpack-plugin": "^3.1.0 || ^4.0.0",
         "file-loader": "^6.0.0",
         "fork-ts-checker-webpack-plugin": "^7.0.0",
         "handlebars": "^4.7.7",
@@ -3336,12 +3336,12 @@
         "stylus": "^0.58.1",
         "stylus-loader": "^7.0.0",
         "ts-loader": "^9.0.0",
-        "typescript": "^4.2.2",
+        "typescript": "^4.2.2 || ^5.0.0",
         "vue": "^2.6 || ^3.2.14",
         "vue-loader": "^15.0.11 || ^17.0.0",
         "vue-template-compiler": "^2.5",
         "webpack": "^5.72",
-        "webpack-cli": "^4.9.1",
+        "webpack-cli": "^4.9.1 || ^5.0.1",
         "webpack-notifier": "^1.15.0"
       },
       "peerDependenciesMeta": {
@@ -18240,9 +18240,9 @@
       "dev": true
     },
     "@symfony/webpack-encore": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/@symfony/webpack-encore/-/webpack-encore-4.1.1.tgz",
-      "integrity": "sha512-uZRXej1prTvYG/QJWR/DzKcZtBKEXDkGtK9qlQtO43ip8t8NIZmM+w8qeb4eiS7aoULWmpG7GpQOLWPhsccUDA==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@symfony/webpack-encore/-/webpack-encore-4.3.0.tgz",
+      "integrity": "sha512-YhM6xh+aKmrWS7X7Y2CUDte4wiUm9WIo0w07KTwDLLQnOUdMHRf3wa680WXH/I3oHqD+grFa7BHPpR0sfmoGMQ==",
       "dev": true,
       "requires": {
         "@nuxt/friendly-errors-webpack-plugin": "^2.5.1",

resources/js/pages/Login.vue

@@ -0,0 +1,15 @@
+<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>
+    
+</template>

start/routes.ts

@@ -23,3 +23,7 @@ import Route from '@ioc:Adonis/Core/Route'
 Route.get('/', async ({ inertia }) => {
   return inertia.render('Home')
 })
+
+Route.get('/Login', async({inertia}) =>{
+  return inertia.render('Login')
+})