Start removing BootstrapVue in apimail: b-spinner

scipost_django/apimail/static/apimail/assets/vue/components/MessagesTable.vue

@@ -370,10 +370,18 @@
       @row-clicked="onMessageRowClicked"
       >
       <template v-slot:table-busy>
-      	<div class="text-center text-primary my-2">
-      	  <b-spinner class="align-middle"></b-spinner>
-      	  <strong>Loading...</strong>
-      	</div>
+	<button
+	  class="btn btn-outline-primary"
+	  type="button" disabled
+	  >
+	  <span
+	    class="spinner-grow spinner-grow-sm"
+	    role="status"
+	    aria-hidden="true"
+	    >
+	  </span>
+	  Loading...
+	</button>
       </template>
       <template v-slot:head(tab)="row">
 	<span v-if="tabbedMessages.length > 0">

scipost_django/apimail/static/apimail/assets/vue/messages_table.js

@@ -63,8 +63,6 @@ Vue.component('b-input-group-append', BInputGroupAppend)
 Vue.use(ModalPlugin)
 // Pagination
 Vue.component('b-pagination', BPagination)
-// Spinner
-Vue.component('b-spinner', BSpinner)
 // Tables
 Vue.use(TablePlugin)
 // Tabs

webpack.common.js

@@ -16,6 +16,7 @@ module.exports = {
             "./scipost_django/scipost/static/scipost/assets/js/api.js",
 	],
 	apimail: [
+            "./scipost_django/scipost/static/scipost/assets/js/base.js",
             "./scipost_django/apimail/static/apimail/assets/vue/messages_table.js",
 	],
 	qr: [