From: Adam Dullage <redacted>
Date: Fri, 26 Apr 2024 07:18:09 +0000 (+0100)
Subject: Component renaming
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=3f42723eed8d4c6f35ca46b00acd83c7f8ccb743;p=flatnotes.git

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 21c0be7..755a35c 100644
--- a/client/partials/NavBar.vue
+++ b/client/partials/NavBar.vue
@@ -4,7 +4,7 @@
       <Logo :class="{ invisible: hideLogo }"></Logo>
     </RouterLink>
     <div>
-      <ButtonComponent
+      <CustomButton
         :iconPath="mdilPlusCircle"
         label="New Note"
         @click="toggleTheme"
@@ -17,11 +17,11 @@
 import { mdilPlusCircle } from "@mdi/light-js";
 import { RouterLink } from "vue-router";
 
-import ButtonComponent from "../components/ButtonComponent.vue";
+import CustomButton from "../components/CustomButton.vue";
 import Logo from "../components/Logo.vue";
 
 defineProps({
-  hideLogo: Boolean
+  hideLogo: Boolean,
 });
 
 function toggleTheme() {
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 b496d24..ed008c8 100644
--- a/client/components/SearchInput.vue
+++ b/client/partials/SearchInput.vue
@@ -1,21 +1,21 @@
-<template>
-  <form class="flex w-full max-w-[500px]" @submit.prevent="search">
-    <TextInput placeholder="Search" class="rounded-r-none" />
-    <ButtonComponent
-      :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 ButtonComponent from "./ButtonComponent.vue";
-import TextInput from "./TextInput.vue";
-
-function search() {
-  console.log("searching...");  // TODO: Implement search functionality
-}
-</script>
+<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 6f6122d..50779a0 100644
--- a/client/router.js
+++ b/client/router.js
@@ -1,20 +1,20 @@
 import { createRouter, createWebHistory } from "vue-router";
 
-import HomeView from "/views/HomeView.vue";
-import LoginView from "/views/LoginView.vue";
+import Home from "/views/Home.vue";
+import LogIn from "/views/LogIn.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
-    {
-      path: "/login",
-      name: "login",
-      component: LoginView,
-    },
     {
       path: "/",
       name: "home",
-      component: HomeView,
+      component: Home,
+    },
+    {
+      path: "/login",
+      name: "login",
+      component: LogIn,
     },
   ],
 });
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 7a664a8..fbeea64 100644
--- a/client/views/HomeView.vue
+++ b/client/views/Home.vue
@@ -1,15 +1,15 @@
-<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 SearchInput from "../components/SearchInput.vue";
-import NavBar from "../partials/NavBar.vue";
-</script>
+<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 ccd421d..7397ee7 100644
--- 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";