Fixed #43 & #62

README.md

@@ -37,7 +37,7 @@ If you're not using NPM, you can include the required files into your page manua
 
 ```html
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@voerro/[email protected].1/dist/voerro-vue-tagsinput.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@voerro/[email protected].2/dist/voerro-vue-tagsinput.js"></script>
 
 <script>
     new Vue({
@@ -50,7 +50,7 @@ If you're not using NPM, you can include the required files into your page manua
 Include the CSS file on your page to apply the styling. Read the `Styling` section to learn how to customize the appearance.
 
 ```
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@voerro/[email protected].1/dist/style.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@voerro/[email protected].2/dist/style.css">
 ```
 
 **IMPORTANT:** Always grab the latest versions of the package from [JSDELIVR](https://www.jsdelivr.com/package/npm/@voerro/vue-tagsinput?path=dist), the ones provided in the examples above might be outdated. Same goes for Vue.js.
@@ -269,6 +269,11 @@ A pretty serious bug (#53) was fixed in `v2.0.0`. The data format for the `exist
 
 ## Changelog
 
+#### v.2.0.2
+
+- Fix: [#43](/voerro/vue-tagsinput/issues/43)
+- Fix: [#62](/voerro/vue-tagsinput/issues/62)
+
 #### v.2.0.1
 
 - Fix: broken dropdown

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@voerro/vue-tagsinput",
-    "version": "2.0.1",
+    "version": "2.0.2",
     "description": "A simple tags input with typeahead made with Vue.js 2",
     "main": "src/main.js",
     "keywords": [

src/VoerroTagsInput.vue

@@ -279,7 +279,7 @@ export default {
                             ? tag.value
                             : tag.value.toLowerCase();
 
-                        if (searchQuery == compareable) {
+                        if (searchQuery === compareable) {
                             newTag = Object.assign({}, tag);
 
                             break;
@@ -344,8 +344,10 @@ export default {
                 this.tags.push(tag);
 
                 // Emit events
-                this.$emit('tag-added', tag);
-                this.$emit('tags-updated');
+                this.$nextTick(() => {
+                    this.$emit('tag-added', tag);
+                    this.$emit('tags-updated');
+                });
             }
         },
 
@@ -376,8 +378,10 @@ export default {
             this.tags.splice(index, 1);
 
             // Emit events
-            this.$emit('tag-removed', tag);
-            this.$emit('tags-updated');
+            this.$nextTick(() => {
+                this.$emit('tag-removed', tag);
+                this.$emit('tags-updated');
+            });
         },
 
         /**
@@ -546,7 +550,7 @@ export default {
                     ? selectedTag.value
                     : selectedTag.value.toLowerCase();
 
-                if (selectedTag.key == tag.key && compareable == searchQuery) {
+                if (selectedTag.key === tag.key && compareable.search(searchQuery) > -1) {
                     return true;
                 }
             }