From 5595f63d9b46313ad55fd0eb6aa94a19be38c5c3 Mon Sep 17 00:00:00 2001
From: Runyasak Chaengnaimuang <world.jadi@gmail.com>
Date: Mon, 28 Oct 2019 23:38:46 +0700
Subject: [PATCH 1/2] Add loading prop with text wrapped by p tag

---
 src/components/VueBootstrapTypeahead.vue     | 7 ++++++-
 src/components/VueBootstrapTypeaheadList.vue | 5 +++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/VueBootstrapTypeahead.vue b/src/components/VueBootstrapTypeahead.vue
index e172442..a421537 100644
--- a/src/components/VueBootstrapTypeahead.vue
+++ b/src/components/VueBootstrapTypeahead.vue
@@ -34,6 +34,7 @@
       :text-variant="textVariant"
       :maxMatches="maxMatches"
       :minMatchingChars="minMatchingChars"
+      :loading="loading"
       @hit="handleHit"
     >
       <!-- pass down all scoped slots -->
@@ -94,7 +95,11 @@ export default {
     },
     placeholder: String,
     prepend: String,
-    append: String
+    append: String,
+    loading: {
+      type: Boolean,
+      default: false
+    }
   },
 
   computed: {
diff --git a/src/components/VueBootstrapTypeaheadList.vue b/src/components/VueBootstrapTypeaheadList.vue
index f404987..2af2d49 100644
--- a/src/components/VueBootstrapTypeaheadList.vue
+++ b/src/components/VueBootstrapTypeaheadList.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="list-group shadow">
+    <p class="vbst-item list-group-item list-group-item-action" v-if="loading">Searching ...</p>
     <vue-bootstrap-typeahead-list-item
       v-for="(item, id) in matchedItems" :key="id"
       :data="item.data"
@@ -56,6 +57,10 @@ export default {
     minMatchingChars: {
       type: Number,
       default: 2
+    },
+    loading: {
+      type: Boolean,
+      default: false
     }
   },
 

From c6c6b20c0a2d641e676cf1852a0ea901177d1f77 Mon Sep 17 00:00:00 2001
From: Runyasak Chaengnaimuang <world.jadi@gmail.com>
Date: Mon, 28 Oct 2019 23:54:55 +0700
Subject: [PATCH 2/2] Add loadingText prop and loading slot

---
 src/components/VueBootstrapTypeahead.vue     |  5 +++++
 src/components/VueBootstrapTypeaheadList.vue | 10 +++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/VueBootstrapTypeahead.vue b/src/components/VueBootstrapTypeahead.vue
index a421537..2aeb8d1 100644
--- a/src/components/VueBootstrapTypeahead.vue
+++ b/src/components/VueBootstrapTypeahead.vue
@@ -35,6 +35,7 @@
       :maxMatches="maxMatches"
       :minMatchingChars="minMatchingChars"
       :loading="loading"
+      :loading-text="loadingText"
       @hit="handleHit"
     >
       <!-- pass down all scoped slots -->
@@ -99,6 +100,10 @@ export default {
     loading: {
       type: Boolean,
       default: false
+    },
+    loadingText: {
+      type: String,
+      default: 'Searching ...'
     }
   },
 
diff --git a/src/components/VueBootstrapTypeaheadList.vue b/src/components/VueBootstrapTypeaheadList.vue
index 2af2d49..bf2e171 100644
--- a/src/components/VueBootstrapTypeaheadList.vue
+++ b/src/components/VueBootstrapTypeaheadList.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="list-group shadow">
-    <p class="vbst-item list-group-item list-group-item-action" v-if="loading">Searching ...</p>
+    <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"
@@ -61,6 +65,10 @@ export default {
     loading: {
       type: Boolean,
       default: false
+    },
+    loadingText: {
+      type: String,
+      default: 'Searching ...'
     }
   },