implement originator filter

src/components/Filter.vue

@@ -100,5 +100,19 @@ export default {
         >✖
       </button>
     </fieldset>
+    <fieldset class="flex flex-row mb-4">
+      <legend>Einreicher</legend>
+      <select 
+        class="w-40 p-2 bg-background-100 rounded-lg"
+        v-model="paperFilter.originator">
+        <option v-for="(originator, i) of paperOriginators" :key="i">{{ originator }}</option>
+      </select>
+      <button 
+        class="pl-2"
+        @click.prevent="paperFilter.originator = ''"
+        title="zurücksetzen"
+        >✖
+      </button>
+    </fieldset>
   </form>
 </template>

src/components/Papers.vue

@@ -42,6 +42,11 @@ export default {
           return paper.reference.includes(this.paperFilter?.type.key) && paper.paper_type.includes(this.paperFilter?.type.value)
         })
       }
+      if (this.paperFilter?.originator !== '') {
+        filteredPapers = filteredPapers.filter((paper) => {
+          return paper.originator.includes(this.paperFilter?.originator)
+        })
+      }
       return filteredPapers
     }
   },
@@ -55,8 +60,10 @@ export default {
 </script>
 
 <template>
-  {{ paperFilter }}
+  <ul
-  <ul v-if="filteredData.length">
+    v-if="filteredData.length"
+    class="w-full"
+  >
     <li v-for="(paper, i) in filteredData" :key="i">
       <article
         class="my-4 p-2 border border-solid border-amber-300 rounded-md"