changes untested

src/layouts/headers/headerauth.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <div class="navbar bg-base-100">
+  <div class="navbar bg-primary">
     <div class="basis-1/4 md:basis-1/4">
       <router-link :to="{ name: 'home' }">
         Auburn Oil
@@ -12,12 +12,12 @@
 
     <div class="basis-1/2 md:basis-1/4 justify-end gap-5">
       <router-link :to="{ name: 'customerCreate' }">
-        <button class="btn">Create Customer</button>
+        <button class="btn btn-accent">Create Customer</button>
       </router-link>
 
       <div v-if="employee.id">
         <router-link :to="{ name: 'employeeProfile', params: { id: employee.id } }">
-          <button class="btn">{{ user.user_name }}</button>
+          <button class="btn btn-accent">{{ user.user_name }}</button>
         </router-link>
       </div>
     </div>
@@ -72,19 +72,18 @@ export default defineComponent({
         employee_state: '',
       },
       loaded: false,
-      searchTerm: '',
+      searchTerm: "",
       customers: [],
       type_of_search: 0,
     };
   },
   watch: {
-    searchTerm() {
+    searchTerm(this:any) {
       this.performSearch();
     },
   },
   methods: {
-    performSearch: debounce(async function () {
-      console.log(this.searchTerm)
+    performSearch: debounce(async function (this:any) {
       if (this.searchTerm === "") {
         this.customers = [];
         return;