add keyword during recipe edit

.gitignore

@@ -78,3 +78,4 @@ postgresql/
 
 /docker-compose.override.yml
 vue/node_modules
+.vscode/

cookbook/templates/forms/edit_internal_recipe.html

@@ -77,6 +77,9 @@
                         :hide-selected="true"
                         :preserve-search="true"
                         placeholder="{% trans 'Select Keywords' %}"
+                        tag-placeholder="{% trans 'Add Keyword' %}"
+                        :taggable="true"
+                        @tag="addKeyword"
                         label="label"
                         track-by="id"
                         id="id_keywords"
@@ -667,6 +670,10 @@
                     this.units.push(new_unit.unit)
                     this.recipe.steps[step].ingredients[id] = new_unit
                 },
+                addKeyword: function (tag) {
+                    let new_keyword = {'label':tag,'name':tag}
+                    this.recipe.keywords.push(new_keyword)
+                },
                 searchKeywords: function (query) {
                     this.keywords_loading = true
                     this.$http.get("{% url 'api:keyword-list' %}" + '?query=' + query + '&limit=10').then((response) => {