init project

package/components/auth/LoginForm.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+const checkbox = ref(true);
+</script>
+
+<template>
+    <v-row class="d-flex mb-3">
+        <v-col cols="12">
+            <v-label class="font-weight-bold mb-1">Username</v-label>
+            <v-text-field variant="outlined" density="compact" hide-details color="primary"></v-text-field>
+        </v-col>
+        <v-col cols="12">
+            <v-label class="font-weight-bold mb-1">Password</v-label>
+            <v-text-field variant="outlined"  density="compact" type="password"   hide-details color="primary"></v-text-field>
+        </v-col>
+        <v-col cols="12" class="pt-0">
+            <div class="d-flex flex-wrap align-center">
+                <v-checkbox v-model="checkbox"  color="primary" hide-details>
+                    <template v-slot:label class="text-body-1">Remeber this Device</template>
+                </v-checkbox>
+                <div class="ml-sm-auto">
+                    <NuxtLink to="/"
+                        class="text-primary text-decoration-none text-body-1 opacity-1 font-weight-medium">Forgot
+                        Password ?</NuxtLink>
+                </div>
+            </div>
+        </v-col>
+        <v-col cols="12" class="pt-0">
+            <v-btn to="/" color="primary" size="large" block flat>Sign in</v-btn>
+        </v-col>
+    </v-row>
+</template>

package/components/auth/RegisterForm.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+const checkbox = ref(true);
+</script>
+
+<template>
+    <v-row class="d-flex mb-3">
+        <v-col cols="12">
+            <v-label class="font-weight-bold mb-1">Name</v-label>
+            <v-text-field variant="outlined" density="compact" hide-details color="primary"></v-text-field>
+        </v-col>
+        <v-col cols="12">
+            <v-label class="font-weight-bold mb-1">Email Address</v-label>
+            <v-text-field variant="outlined" density="compact" type="email" hide-details color="primary"></v-text-field>
+        </v-col>
+        <v-col cols="12">
+            <v-label class="font-weight-bold mb-1">Password</v-label>
+            <v-text-field variant="outlined" type="password" density="compact"  hide-details color="primary"></v-text-field>
+        </v-col>
+        <v-col cols="12" >
+            <v-btn to="/" color="primary" size="large" block   flat>Sign up</v-btn>
+        </v-col>
+    </v-row>
+</template>