Added Search Temp Save

pages/banking/index.vue

@@ -15,6 +15,7 @@ defineShortcuts({
 })
 
 const profileStore = useProfileStore()
+const tempStore = useTempStore()
 const router = useRouter()
 const supabase = useSupabaseClient()
 
@@ -55,7 +56,13 @@ const selectedColumns = ref(templateColumns)
 const columns = computed(() => templateColumns.filter((column) => selectedColumns.value.includes(column)))
 
 
-const searchString = ref('')
+const searchString = ref(tempStore.searchStrings["bankstatements"] ||'')
+
+const clearSearchString = () => {
+  tempStore.clearSearchString("bankstatements")
+  searchString.value = ''
+}
+
 const filterAccount = ref(bankaccounts || [])
 const showOnlyNotAssigned = ref(true)
 
@@ -84,7 +91,7 @@ setupPage()
 </script>
 
 <template>
-  <UDashboardNavbar title="Bankbuchungen">
+  <UDashboardNavbar title="Bankbuchungen" :badge="filteredRows.length">
     <template #right>
       <UInput
           id="searchinput"
@@ -95,11 +102,19 @@ setupPage()
           placeholder="Suche..."
           class="hidden lg:block"
           @keydown.esc="$event.target.blur()"
+          @change="tempStore.modifySearchString('bankstatements',searchString)"
       >
         <template #trailing>
           <UKbd value="/" />
         </template>
       </UInput>
+      <UButton
+          icon="i-heroicons-x-mark"
+          variant="outline"
+          color="rose"
+          @click="clearSearchString()"
+          v-if="searchString.length > 0"
+      />
     </template>
   </UDashboardNavbar>
   <UDashboardToolbar>