feat: allow to pass a custom fetch function (for auth, etc...)

Author: mghignet

dist/vue-typeahead.common.js

@@ -55,9 +55,10 @@ exports.default = {
 
       this.loading = true;
 
-      this.fetch().then(function (response) {
+      var suggestionPromise = this.fetchFunction ? this.fetchFunction(this.query) : this.fetchDefault(this.query);
+
+      suggestionPromise.then(function (data) {
         if (_this.query) {
-          var data = response.data;
           data = _this.prepareResponseData ? _this.prepareResponseData(data) : data;
           _this.items = _this.limit ? data.slice(0, _this.limit) : data;
           _this.current = -1;
@@ -69,7 +70,7 @@ exports.default = {
         }
       });
     },
-    fetch: function fetch() {
+    fetchDefault: function fetchDefault(query) {
       if (!this.$http) {
         return _vue.util.warn('You need to install the `vue-resource` plugin', this);
       }
@@ -78,11 +79,13 @@ exports.default = {
         return _vue.util.warn('You need to set the `src` property', this);
       }
 
-      var src = this.queryParamName ? this.src : this.src + this.query;
+      var src = this.queryParamName ? this.src : this.src + query;
 
-      var params = this.queryParamName ? (0, _assign2.default)((0, _defineProperty3.default)({}, this.queryParamName, this.query), this.data) : this.data;
+      var params = this.queryParamName ? (0, _assign2.default)((0, _defineProperty3.default)({}, this.queryParamName, query), this.data) : this.data;
 
-      return this.$http.get(src, { params: params });
+      return this.$http.get(src, { params: params }).then(function (response) {
+        return response.data;
+      });
     },
     reset: function reset() {
       this.items = [];

src/main.js

@@ -38,22 +38,24 @@ export default {
 
       this.loading = true
 
-      this.fetch().then((response) => {
-        if (this.query) {
-          let data = response.data
-          data = this.prepareResponseData ? this.prepareResponseData(data) : data
-          this.items = this.limit ? data.slice(0, this.limit) : data
-          this.current = -1
-          this.loading = false
-
-          if (this.selectFirst) {
-            this.down()
+      const suggestionPromise = this.fetchFunction ? this.fetchFunction(this.query) : this.fetchDefault(this.query);
+
+      suggestionPromise
+        .then((data) => {
+          if (this.query) {
+            data = this.prepareResponseData ? this.prepareResponseData(data) : data
+            this.items = this.limit ? data.slice(0, this.limit) : data
+            this.current = -1
+            this.loading = false
+
+            if (this.selectFirst) {
+              this.down()
+            }
           }
-        }
-      })
+        })
     },
 
-    fetch () {
+    fetchDefault(query) {
       if (!this.$http) {
         return util.warn('You need to install the `vue-resource` plugin', this)
       }
@@ -64,13 +66,14 @@ export default {
 
       const src = this.queryParamName
         ? this.src
-        : this.src + this.query
+        : this.src + query
 
       const params = this.queryParamName
-        ? Object.assign({ [this.queryParamName]: this.query }, this.data)
+        ? Object.assign({ [this.queryParamName]: query }, this.data)
         : this.data
 
       return this.$http.get(src, { params })
+        .then(response => response.data)
     },
 
     reset () {
@@ -98,17 +101,20 @@ export default {
     up () {
       if (this.current > 0) {
         this.current--
-      } else if (this.current === -1) {
+      }
+      else if (this.current === -1) {
         this.current = this.items.length - 1
-      } else {
+      }
+      else {
         this.current = -1
       }
     },
 
     down () {
       if (this.current < this.items.length - 1) {
         this.current++
-      } else {
+      }
+      else {
         this.current = -1
       }
     },