From 179196649ea1669bc879f354ab8445748faf8d22 Mon Sep 17 00:00:00 2001
From: Zach Florian <zachary.florian@uconn.edu>
Date: Mon, 9 Oct 2023 20:47:02 -0400
Subject: [PATCH 1/2] test

---
 class_registration_app/src/components/Home.vue     | 2 +-
 class_registration_app/src/components/NotFound.vue | 7 +++++++
 class_registration_app/src/router/index.ts         | 6 +++---
 class_registration_app/src/views/LoginView.vue     | 9 +++++++++
 4 files changed, 20 insertions(+), 4 deletions(-)
 create mode 100644 class_registration_app/src/components/NotFound.vue
 create mode 100644 class_registration_app/src/views/LoginView.vue

diff --git a/class_registration_app/src/components/Home.vue b/class_registration_app/src/components/Home.vue
index 1734ab4..3428a4a 100644
--- a/class_registration_app/src/components/Home.vue
+++ b/class_registration_app/src/components/Home.vue
@@ -16,7 +16,7 @@
     </div>
     
     <div class="login">
-        <a href=Login.vue><button class="btn-97" style="position: absolute;top:42%;left:50%;transform:translate(-50%,-50%)">Login with your NetID here</button></a>
+        <a href="/login"><button class="btn-97" style="position: absolute;top:42%;left:50%;transform:translate(-50%,-50%)">Login with your NetID here</button></a>
         <a style="position: absolute;top:80%;left:50%;transform:translate(-50%,-50%)">Forget your login?</a>
     </div>
 </div>
diff --git a/class_registration_app/src/components/NotFound.vue b/class_registration_app/src/components/NotFound.vue
new file mode 100644
index 0000000..4eeb69c
--- /dev/null
+++ b/class_registration_app/src/components/NotFound.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <label>not found</label>
+</template>
\ No newline at end of file
diff --git a/class_registration_app/src/router/index.ts b/class_registration_app/src/router/index.ts
index a49ae50..8176c38 100644
--- a/class_registration_app/src/router/index.ts
+++ b/class_registration_app/src/router/index.ts
@@ -10,12 +10,12 @@ const router = createRouter({
       component: HomeView
     },
     {
-      path: '/about',
-      name: 'about',
+      path: '/login',
+      name: 'login',
       // route level code-splitting
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue')
+      component: () => import('../views/LoginView.vue')
     }
   ]
 })
diff --git a/class_registration_app/src/views/LoginView.vue b/class_registration_app/src/views/LoginView.vue
new file mode 100644
index 0000000..2612d43
--- /dev/null
+++ b/class_registration_app/src/views/LoginView.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import Login from '../components/Login.vue'
+</script>
+
+<template>
+  <main>
+    <Login />
+  </main>
+</template>
\ No newline at end of file

From 8439e066b149edc40ba4a2d6d6da49871da4248b Mon Sep 17 00:00:00 2001
From: Zach Florian <zachary.florian@uconn.edu>
Date: Mon, 9 Oct 2023 21:35:00 -0400
Subject: [PATCH 2/2] Finally understand routing somewhat!

---
 class_registration_app/src/App.vue                    |  2 +-
 class_registration_app/src/components/Home.vue        | 11 ++++++++++-
 class_registration_app/src/components/Login.vue       |  1 +
 class_registration_app/src/router/index.ts            |  7 ++++---
 .../src/views/{LoginView.vue => AuthView.vue}         |  0
 class_registration_app/tsconfig.node.json             |  1 -
 class_registration_app/tsconfig.vitest.json           |  1 -
 7 files changed, 16 insertions(+), 7 deletions(-)
 rename class_registration_app/src/views/{LoginView.vue => AuthView.vue} (100%)

diff --git a/class_registration_app/src/App.vue b/class_registration_app/src/App.vue
index d73316c..240e987 100644
--- a/class_registration_app/src/App.vue
+++ b/class_registration_app/src/App.vue
@@ -4,7 +4,7 @@ import Home from './components/Home.vue'
 </script>
 
 <template>
-    <Home></Home>
+    <RouterView></RouterView>
 </template>
 
 <style scoped>
diff --git a/class_registration_app/src/components/Home.vue b/class_registration_app/src/components/Home.vue
index 3428a4a..6099666 100644
--- a/class_registration_app/src/components/Home.vue
+++ b/class_registration_app/src/components/Home.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import AppVue from '@/App.vue';
+
+
 
 </script>
 
@@ -16,10 +19,16 @@
     </div>
     
     <div class="login">
-        <a href="/login"><button class="btn-97" style="position: absolute;top:42%;left:50%;transform:translate(-50%,-50%)">Login with your NetID here</button></a>
+        <a href="./login">
+            <button class="btn-97" style="position: absolute;top:42%;left:50%;transform:translate(-50%,-50%)">
+                Login with your netID here
+            </button>
+        </a>
+        
         <a style="position: absolute;top:80%;left:50%;transform:translate(-50%,-50%)">Forget your login?</a>
     </div>
 </div>
+
 </template>
 
 <style scoped>
diff --git a/class_registration_app/src/components/Login.vue b/class_registration_app/src/components/Login.vue
index d18efba..8ddf251 100644
--- a/class_registration_app/src/components/Login.vue
+++ b/class_registration_app/src/components/Login.vue
@@ -5,6 +5,7 @@
 <template>
     <div>
         <h1>Test!</h1>
+        <a href="/">Back</a>
     </div>
 </template>
     
diff --git a/class_registration_app/src/router/index.ts b/class_registration_app/src/router/index.ts
index 8176c38..f6c1a17 100644
--- a/class_registration_app/src/router/index.ts
+++ b/class_registration_app/src/router/index.ts
@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+import Home from '../components/Home.vue'
+import Login from '../components/Login.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -7,7 +8,7 @@ const router = createRouter({
     {
       path: '/',
       name: 'home',
-      component: HomeView
+      component: Home
     },
     {
       path: '/login',
@@ -15,7 +16,7 @@ const router = createRouter({
       // route level code-splitting
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
-      component: () => import('../views/LoginView.vue')
+      component: Login
     }
   ]
 })
diff --git a/class_registration_app/src/views/LoginView.vue b/class_registration_app/src/views/AuthView.vue
similarity index 100%
rename from class_registration_app/src/views/LoginView.vue
rename to class_registration_app/src/views/AuthView.vue
diff --git a/class_registration_app/tsconfig.node.json b/class_registration_app/tsconfig.node.json
index dee96be..12bfe15 100644
--- a/class_registration_app/tsconfig.node.json
+++ b/class_registration_app/tsconfig.node.json
@@ -8,7 +8,6 @@
     "playwright.config.*"
   ],
   "compilerOptions": {
-    "composite": true,
     "module": "ESNext",
     "moduleResolution": "Bundler",
     "types": ["node"]
diff --git a/class_registration_app/tsconfig.vitest.json b/class_registration_app/tsconfig.vitest.json
index d080d61..5e40cbb 100644
--- a/class_registration_app/tsconfig.vitest.json
+++ b/class_registration_app/tsconfig.vitest.json
@@ -2,7 +2,6 @@
   "extends": "./tsconfig.app.json",
   "exclude": [],
   "compilerOptions": {
-    "composite": true,
     "lib": [],
     "types": ["node", "jsdom"]
   }