fixed signup and renaming problems

components/CustomerSearch.vue

@@ -1,8 +1,9 @@
 <template>
   <section :class="['customer-search', darkMode ? 'section-darkmode' : 'section-lightmode']">
     <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Customer</div>
-    <pre v-if="!filtered" :class="['data', 'pre-customer', darkMode ? 'pre-darkmode' : 'pre-lightmode']">{{ clientFilter }}</pre>
-    <input v-if="filtered" v-model="clientFilter" @change="filterList()"
+    <pre v-if="!filtered"
+      :class="['data', 'pre-customer', darkMode ? 'pre-darkmode' : 'pre-lightmode']">{{ customerFilter }}</pre>
+    <input v-if="filtered" v-model="customerFilter" @change="filterList()"
       :class="['data', 'input-customer', darkMode ? 'data-darkmode' : 'data-lightmode']">
   </section>
 </template>
@@ -13,9 +14,9 @@ import { useStore } from 'vuex';
 import { computed } from 'vue';
 
 const store = useStore();
-const filtered = computed(() => store.state.assetFiltered);
-const filteredTerm = computed(() => store.state.filteredAssetbyCustomer);
-const customerFilter = ref(store.state.filteredAssetbyCustomer);
+const filtered = computed(() => store.state.filtered);
+const filteredTerm = computed(() => store.state.filteredByCustomer);
+const customerFilter = ref(store.state.filteredByCustomer);
 
 const darkMode = ref(true)
 
@@ -26,14 +27,14 @@ const updateFilterTerm = () => {
 
 const checkFiltered = () => {
   if (!filtered.value) {
-    clientFilter.value = ''
+    customerFilter.value = ''
     filterList();
   }
 }
 
 // update the filtered term in the store
 const filterList = () => {
-  store.commit('updateFilterbyClient', clientFilter.value);
+  store.commit('updateFilterbyCustomer', customerFilter.value);
 }
 
 watch(filteredTerm, updateFilterTerm)
@@ -106,8 +107,9 @@ export default {
   color: #000;
 }
 
-.input {
+.input-customer {
   border: none;
+  margin-left: 1rem;
 }
 
 .pre-customer {