many changes

spaces/pages/documents.vue

@@ -24,12 +24,16 @@ const fileUploadFormData = ref({
 
 let tags = dataStore.getDocumentTags
 
-const selectedTags = ref(["Eingang"])
+const selectedTags = ref("Eingang")
+
 
 const filteredDocuments = computed(() => {
+  let returnList = []
 
-  return dataStore.documents.filter(doc => doc.tags.filter(tag => selectedTags.value.find(t => t === tag)).length > 0)
+  returnList =  dataStore.documents.filter(i => i.tags.filter(t => selectedTags.value === t).length > 0)
 
+  //return dataStore.documents.filter(doc => doc.tags.filter(tag => selectedTags.value.find(t => t === tag)).length > 0)
+  return returnList
 
 })
 
@@ -158,11 +162,10 @@ const downloadSelected = async () => {
       <USelectMenu
           :options="tags"
           v-model="selectedTags"
-          multiple
+          class="w-40"
       >
         <template #label>
-          <span v-if="selectedTags.length" class="truncate">{{ selectedTags.length }} ausgewählt</span>
-          <span v-else>Tags auswählen</span>
+          {{selectedTags}}
         </template>
       </USelectMenu>
 
@@ -216,11 +219,11 @@ const downloadSelected = async () => {
         </template>
       </UCard>
     </USlideover>
-
-      <div class="documentList">
+      <div class="documentList" >
         <DocumentDisplay
-          v-for="document in filteredDocuments"
-          :document="document"
+            :document="i"
+            :key="i.id"
+            v-for="i in filteredDocuments"
         />
       </div>
     </div>