Component renaming

diff --git a/client/components/ButtonComponent.vue b/client/components/CustomButton.vue
similarity index 100%
rename from client/components/ButtonComponent.vue
rename to client/components/CustomButton.vue

diff --git a/client/partials/NavBar.vue b/client/partials/NavBar.vue
index 21c0be7a515a3fbdba9eabe2535bedd1bd454df3..755a35cecd2892384a9ee280acefb845233fe1e0 100644 (file)
--- a/client/partials/NavBar.vue
+++ b/client/partials/NavBar.vue
@@ -4,7 +4,7 @@
       <Logo :class="{ invisible: hideLogo }"></Logo>\r
     </RouterLink>\r
     <div>\r
-      <ButtonComponent\r
+      <CustomButton\r
         :iconPath="mdilPlusCircle"\r
         label="New Note"\r
         @click="toggleTheme"\r
@@ -17,11 +17,11 @@
 import { mdilPlusCircle } from "@mdi/light-js";\r
 import { RouterLink } from "vue-router";\r
 \r
-import ButtonComponent from "../components/ButtonComponent.vue";\r
+import CustomButton from "../components/CustomButton.vue";\r
 import Logo from "../components/Logo.vue";\r
 \r
 defineProps({\r
-  hideLogo: Boolean\r
+  hideLogo: Boolean,\r
 });\r
 \r
 function toggleTheme() {\r

diff --git a/client/components/SearchInput.vue b/client/partials/SearchInput.vue
similarity index 66%
rename from client/components/SearchInput.vue
rename to client/partials/SearchInput.vue
index b496d243746391f469af579798e168d44b64b703..ed008c88f92760473af8feedf29309db51abd572 100644 (file)
--- a/client/components/SearchInput.vue
+++ b/client/partials/SearchInput.vue
@@ -1,21 +1,21 @@
-<template>\r
-  <form class="flex w-full max-w-[500px]" @submit.prevent="search">\r
-    <TextInput placeholder="Search" class="rounded-r-none" />\r
-    <ButtonComponent\r
-      :iconPath="mdilMagnify"\r
-      iconSize="1.75em"\r
-      class="rounded-l-none border border-l-0 border-theme-border focus:outline-none focus:ring-1"\r
-    />\r
-  </form>\r
-</template>\r
-\r
-<script setup>\r
-import { mdilMagnify } from "@mdi/light-js";\r
-\r
-import ButtonComponent from "./ButtonComponent.vue";\r
-import TextInput from "./TextInput.vue";\r
-\r
-function search() {\r
-  console.log("searching...");  // TODO: Implement search functionality\r
-}\r
-</script>\r
+<template>
+  <form class="flex w-full max-w-[500px]" @submit.prevent="search">
+    <TextInput placeholder="Search" class="rounded-r-none" />
+    <CustomButton
+      :iconPath="mdilMagnify"
+      iconSize="1.75em"
+      class="rounded-l-none border border-l-0 border-theme-border focus:outline-none focus:ring-1"
+    />
+  </form>
+</template>
+
+<script setup>
+import { mdilMagnify } from "@mdi/light-js";
+
+import CustomButton from "../components/CustomButton.vue";
+import TextInput from "../components/TextInput.vue";
+
+function search() {
+  console.log("searching..."); // TODO: Implement search functionality
+}
+</script>

diff --git a/client/router.js b/client/router.js
index 6f6122de735403c0dddb12e8ac7e5a06a87345e2..50779a0881cacf140fb8fc9243c5aabaeeadadac 100644 (file)
--- a/client/router.js
+++ b/client/router.js
@@ -1,20 +1,20 @@
 import { createRouter, createWebHistory } from "vue-router";\r
 \r
-import HomeView from "/views/HomeView.vue";\r
-import LoginView from "/views/LoginView.vue";\r
+import Home from "/views/Home.vue";\r
+import LogIn from "/views/LogIn.vue";\r
 \r
 const router = createRouter({\r
   history: createWebHistory(import.meta.env.BASE_URL),\r
   routes: [\r
-    {\r
-      path: "/login",\r
-      name: "login",\r
-      component: LoginView,\r
-    },\r
     {\r
       path: "/",\r
       name: "home",\r
-      component: HomeView,\r
+      component: Home,\r
+    },\r
+    {\r
+      path: "/login",\r
+      name: "login",\r
+      component: LogIn,\r
     },\r
   ],\r
 });\r

diff --git a/client/views/HomeView.vue b/client/views/Home.vue
similarity index 83%
rename from client/views/HomeView.vue
rename to client/views/Home.vue
index 7a664a8fce96f270a2e13cc738041324fb22eade..fbeea64a6d89aa49e4138ae61d39305972c13181 100644 (file)
--- a/client/views/HomeView.vue
+++ b/client/views/Home.vue
@@ -1,15 +1,15 @@
-<template>\r
-  <div class="h-full">\r
-    <NavBar hide-logo />\r
-    <div class="flex h-full flex-col items-center justify-center">\r
-      <Logo class="mb-5" />\r
-      <SearchInput class="shadow-[0_0_20px] shadow-theme-shadow" />\r
-    </div>\r
-  </div>\r
-</template>\r
-\r
-<script setup>\r
-import Logo from "../components/Logo.vue";\r
-import SearchInput from "../components/SearchInput.vue";\r
-import NavBar from "../partials/NavBar.vue";\r
-</script>\r
+<template>
+  <div class="h-full">
+    <NavBar hide-logo />
+    <div class="flex h-full flex-col items-center justify-center">
+      <Logo class="mb-5" />
+      <SearchInput class="shadow-[0_0_20px] shadow-theme-shadow" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import Logo from "../components/Logo.vue";
+import NavBar from "../partials/NavBar.vue";
+import SearchInput from "../partials/SearchInput.vue";
+</script>

diff --git a/client/views/LoginView.vue b/client/views/LogIn.vue
similarity index 88%
rename from client/views/LoginView.vue
rename to client/views/LogIn.vue
index ccd421db30b4afb63b6d36cf971dbf5af2a35b56..7397ee72af425fbebc12c0e237bace8901e82b05 100644 (file)
--- a/client/views/LoginView.vue
+++ b/client/views/LogIn.vue
@@ -14,7 +14,7 @@
         />
         <label for="remember-me">Remember Me</label>
       </div>
-      <ButtonComponent :iconPath="mdilLogin" label="Log In" />
+      <CustomButton :iconPath="mdilLogin" label="Log In" />
     </form>
   </div>
 </template>
@@ -23,7 +23,7 @@
 import { mdilLogin } from "@mdi/light-js";
 import { ref } from "vue";
 
-import ButtonComponent from "../components/ButtonComponent.vue";
+import CustomButton from "../components/CustomButton.vue";
 import Logo from "../components/Logo.vue";
 import TextInput from "../components/TextInput.vue";