added login page, setup templates

pages/login.vue

@@ -1,5 +1,80 @@
 <template>
-  <NuxtLayout>
-    <NuxtPage />
-  </NuxtLayout>
-</template>
+  <section id="content">
+    <div id="content-header">
+      <pre id="page-name"> </pre>
+    </div>
+    <div id="content-body">
+      <LoginForm />
+    </div>
+  </section>
+</template>
+
+
+<script setup>
+definePageMeta({
+  layout: 'empty'
+})
+</script>
+
+<script>
+import LoginForm from "../components/LoginForm.vue";
+
+export default {
+    name: "Page",
+    components: {
+      LoginForm,
+    }
+}
+
+</script>
+  
+  
+  
+<style scoped>
+
+  * {
+    box-sizing: border-box;
+  }
+
+  
+  #content {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: stretch;
+    width: 100%;
+    height: 100%;
+    gap: 10px;
+    padding: 0 20px;
+  }
+  
+  #content-header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 50px;
+  }
+  #page-name {
+    color: #fff;
+    letter-spacing: 1.2px;
+    font: italic 400 24px/125% Overpass, -apple-system, Roboto, Helvetica,
+      sans-serif;
+  }
+
+  #content-body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    width: 100%;
+    height: 100%;
+    gap: 20px;
+    margin-bottom: 10px;
+    border-radius: 10px;
+  }
+
+  
+  
+</style>