[Feature] Loading

src/components/VueBootstrapTypeahead.vue

@@ -34,6 +34,8 @@
       :text-variant="textVariant"
       :maxMatches="maxMatches"
       :minMatchingChars="minMatchingChars"
+      :loading="loading"
+      :loading-text="loadingText"
       @hit="handleHit"
     >
       <!-- pass down all scoped slots -->
@@ -94,7 +96,15 @@ export default {
     },
     placeholder: String,
     prepend: String,
-    append: String
+    append: String,
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingText: {
+      type: String,
+      default: 'Searching ...'
+    }
   },
 
   computed: {

src/components/VueBootstrapTypeaheadList.vue

@@ -1,5 +1,10 @@
 <template>
   <div class="list-group shadow">
+    <p class="vbst-item list-group-item list-group-item-action" v-if="loading">
+      <slot name="loading">
+        {{ loadingText }}
+      </slot>
+    </p>
     <vue-bootstrap-typeahead-list-item
       v-for="(item, id) in matchedItems" :key="id"
       :data="item.data"
@@ -56,6 +61,14 @@ export default {
     minMatchingChars: {
       type: Number,
       default: 2
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingText: {
+      type: String,
+      default: 'Searching ...'
     }
   },