From e71a125e649346a12f7e69300c8d0b2f04bda9d6 Mon Sep 17 00:00:00 2001
From: Peter Stuifzand <peter@stuifzand.eu>
Date: Tue, 18 Aug 2020 22:42:23 +0200
Subject: [PATCH] Add categories to bookmarking

---
 src/components/Entry.vue           |  2 ++
 src/components/EntryCategories.vue | 38 ++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 src/components/EntryCategories.vue

diff --git a/src/components/Entry.vue b/src/components/Entry.vue
index 1aa2d58..3b61608 100644
--- a/src/components/Entry.vue
+++ b/src/components/Entry.vue
@@ -193,7 +193,9 @@ export default {
           this.bookmarkTitle = '';
           this.bookmarkDescription = '';
           this.selected = []
+          this.selectedDestinations = []
           this.bookmarking = false
+          this.categories = []
         })
       },
       hasRef(key) {
diff --git a/src/components/EntryCategories.vue b/src/components/EntryCategories.vue
new file mode 100644
index 0000000..d117b60
--- /dev/null
+++ b/src/components/EntryCategories.vue
@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <input type="text" class="input" v-model="categories">
+  </div>
+</template>
+
+<script>
+export default {
+  name: "EntryCategories",
+  props: {
+    'value': {
+      type: Array,
+      default: []
+    }
+  },
+
+  data() {
+    return {
+      categories: ''
+    }
+  },
+
+  mounted() {
+    this.categories = this.value.join(" ")
+  },
+
+  watch: {
+    categories() {
+      let words = this.categories.split(/\s+/).filter(value => value.length !== 0)
+      this.$emit('input', words)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file