Merge 92203da into d0bc765

README.md

@@ -110,6 +110,7 @@ export default {
 Name | Type | Default | Description
 --- | --- | --- | ---
 data | `Array` | | Array of data to be available for querying. **Required**
+diacritcs | `Boolean` | | If is set true the input is diacritics insensitive (the listing is still diacritcs sensitive)
 serializer | `Function` | `input => input` | Function used to convert the entries in the `data` array into a text string.
 size | `String` | | Size of the `input-group`. Valid values: `sm` or `lg`
 backgroundVariant | `String` | | Background color for the autocomplete result `list-group` items. [See valid values](http://getbootstrap.com/docs/4.1/utilities/colors/#background-color)

src/components/VueBootstrapTypeahead.vue

@@ -34,6 +34,7 @@
       :text-variant="textVariant"
       :maxMatches="maxMatches"
       :minMatchingChars="minMatchingChars"
+      :removeDiacritcs="removeDiacritcs"
       @hit="handleHit"
     >
       <!-- pass down all scoped slots -->
@@ -92,6 +93,10 @@ export default {
       type: Number,
       default: 2
     },
+    removeDiacritcs: {
+      type: Boolean,
+      default: false,
+    },
     placeholder: String,
     prepend: String,
     append: String

src/components/VueBootstrapTypeaheadList.vue

@@ -18,6 +18,10 @@
 <script>
 import VueBootstrapTypeaheadListItem from './VueBootstrapTypeaheadListItem.vue'
 
+function normalize(text) {
+  return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
+}
+
 function sanitize(text) {
   return text.replace(/</g, '&lt;').replace(/>/g, '&gt;')
 }
@@ -56,7 +60,10 @@ export default {
     minMatchingChars: {
       type: Number,
       default: 2
-    }
+    },
+    removeDiacritcs: {
+      type: Boolean,
+    },
   },
 
   computed: {
@@ -73,7 +80,10 @@ export default {
     },
 
     escapedQuery() {
-      return escapeRegExp(sanitize(this.query))
+      if(this.removeDiacritcs)
+        return escapeRegExp( normalize( sanitize(this.query) ) )
+      else
+        return escapeRegExp( sanitize(this.query) )
     },
 
     matchedItems() {