- FIX: Fixed tag autocomplete.

sebastian-raubach · Sep 1, 2022 · 8676643 · 8676643
1 parent 57139e4
commit 8676643
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 16 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "frickl",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "private": true,
   "description": "Frickl is a self-hosted image library. This is the web interface of Frickl written in Vue.js.",
   "author": "sebastian-raubach <[email protected]>",

diff --git a/src/components/modals/AddTagModal.vue b/src/components/modals/AddTagModal.vue
@@ -13,7 +13,7 @@
     <VueTagsInput
       v-model="tempInput"
       :tags="newTags"
-      :autocomplete-items="allTags"
+      :autocomplete-items="filteredItems"
       placeholder="Enter tag names"
       @tags-changed="addedTags => addTags(addedTags)"
       ref="focusThis" />
@@ -50,6 +50,11 @@ export default {
   components: {
     VueTagsInput
   },
+  computed: {
+    filteredItems: function () {
+      return this.allTags.filter(t => t.text.toLowerCase().includes(this.tempInput.toLowerCase()))
+    }
+  },
   methods: {
     addTags: function (addedTags) {
       this.newTags = addedTags.map(t => {