Ausgangsbelege nach offenen Belegen filterbar machen

frontend/pages/createDocument/index.vue

@@ -34,10 +34,11 @@
           v-if="selectableFilters.length > 0"
           v-model="selectedFilters"
           :color="selectedFilters.length > 0 ? 'primary' : 'white'"
-          :options="selectableFilters"
-          :ui-menu="{ width: 'min-w-max' }"
+          :items="selectableFilters"
+          :content="{ width: 'min-w-max' }"
           icon="i-heroicons-adjustments-horizontal-solid"
           multiple
+          @update:model-value="value => tempStore.modifyFilter('createddocumentsList', 'main', value)"
       >
         <template #label>
           Filter
@@ -289,7 +290,7 @@ const getCancellationInvoice = (row) => {
 const hasCancellationInvoice = (row) => Boolean(getCancellationInvoice(row))
 
 const openUnpaidInvoicesFilter = {
-  name: 'Nur offene Rechnungen',
+  name: 'Nur offene Belege',
   filterFunction: (row) => {
     return useSum().isOpenCreatedDocument(row, items.value)
   }
@@ -297,7 +298,11 @@ const openUnpaidInvoicesFilter = {
 
 const availableFilters = computed(() => [...dataType.filters, openUnpaidInvoicesFilter])
 const selectableFilters = computed(() => availableFilters.value.map(i => i.name))
-const selectedFilters = ref(dataType.filters.filter(i => i.default).map(i => i.name) || [])
+const selectedFilters = ref(
+  tempStore.filters?.createddocumentsList?.main
+    || dataType.filters.filter(i => i.default).map(i => i.name)
+    || []
+)
 
 const filteredRows = computed(() => {
   let tempItems = items.value.filter(i => types.value.find(x => {