diff --git a/package.json b/package.json
index 57b76cf..83ae5f9 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,6 @@
     "vue-router": "^4.4.0",
     "vue3-mediaelement": "^0.0.8",
     "vuejs3-datepicker": "^1.0.19",
-    "vuera": "^0.2.7",
     "vuex": "^4.1.0",
     "vuex-pathify": "^3.0.0-beta",
     "vuex-persistedstate": "^4.1.0"
diff --git a/public/index.html b/public/index.html
index 58ea97b..a500ea5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>W
 <html lang="en">
   <head>
     <meta charset="utf-8">
@@ -9,6 +9,7 @@
     <!-- TODO need to switch to BT 5 -->
     <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+    <!-- <link rel="stylesheet" href="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css"/> -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
     <link rel="stylesheet" type="text/css" href="/css/jquery.dataTables.min.css">
diff --git a/src/components/dashboard/Dashboard.vue b/src/components/dashboard/Dashboard.vue
index 2879fa0..975c595 100644
--- a/src/components/dashboard/Dashboard.vue
+++ b/src/components/dashboard/Dashboard.vue
@@ -1188,7 +1188,7 @@ export default {
           break;
       }
 
-      this.$bvModal.show("modal-lg");
+      this.$bvModal?.show("modal-lg");
     },
     getDateString() {
       const date = new Date();
diff --git a/src/components/dashboard/DashboardTable.vue b/src/components/dashboard/DashboardTable.vue
index 06df994..556fe44 100644
--- a/src/components/dashboard/DashboardTable.vue
+++ b/src/components/dashboard/DashboardTable.vue
@@ -292,12 +292,12 @@
 
     <!-- Modal for delete confirmation -->
     <b-modal v-model="showModal" id="modal-center" centered>
-      <template #modal-header="{}">
+      <template #modal-header>
         <h5 class="text-capitalize">
           Confirm
         </h5>
       </template>
-      <template #default="{}">
+      <template #default>
         <div class="row pad-all-2">
           Are you sure you want to delete this result from the Dashboard? This
           action cannot be rolled back.
diff --git a/src/components/entity/EntityList.vue b/src/components/entity/EntityList.vue
index 01ee1dd..c66c07e 100644
--- a/src/components/entity/EntityList.vue
+++ b/src/components/entity/EntityList.vue
@@ -1445,7 +1445,7 @@ export default {
     },
     onSearch(type) {
       this.searchType = type;
-      this.$bvModal.show("modal-lg");
+      this.$bvModal?.show("modal-lg");
     },
     onSearchDone(records) {
       this.records = records && records.length ? records : this.masterRecords;
diff --git a/src/components/entity/ItemSearch.vue b/src/components/entity/ItemSearch.vue
index 3eb5828..4d81a7e 100644
--- a/src/components/entity/ItemSearch.vue
+++ b/src/components/entity/ItemSearch.vue
@@ -71,7 +71,7 @@ export default {
     
     // pop up child component (the Search pop-up ialog)
     onSearch() {
-      this.$bvModal.show("modal-lg");
+      this.$bvModal?.show("modal-lg");
     },
 
     // call item search API 
diff --git a/src/components/evaluation/GroundTruthModal.vue b/src/components/evaluation/GroundTruthModal.vue
index 29131cd..66f2559 100644
--- a/src/components/evaluation/GroundTruthModal.vue
+++ b/src/components/evaluation/GroundTruthModal.vue
@@ -9,7 +9,7 @@
       no-close-on-backdrop
       size="xl"
     >
-      <template #modal-header="{}">
+      <template #modal-header>
         <h5 class="modal-title" id="exampleModalLongTitle">
           Upload/Select Ground Truth
         </h5>
@@ -22,7 +22,7 @@
           <span @click="onCancel()">×</span>
         </button>
       </template>
-      <template #default="{}">
+      <template #default>
         <div class="form-row body-m">
           <div class="col-12">
             <h3>Select a Ground Truth</h3>
diff --git a/src/components/shared/Search.vue b/src/components/shared/Search.vue
index 0b441a6..938a76c 100644
--- a/src/components/shared/Search.vue
+++ b/src/components/shared/Search.vue
@@ -7,7 +7,7 @@
       @show="processModalData()"
       :no-close-on-backdrop="type === 'item-search'"
     >
-      <template #modal-header="{}">
+      <template #modal-header>
         <!-- Emulate built in modal header close button action -->
 
         <h5 class="text-capitalize" v-if="!isEntityList">
@@ -24,7 +24,7 @@
         <h5 class="text-capitalize" v-if="isEntityList">Search</h5>
       </template>
 
-      <template #default="{}">
+      <template #default>
         <div v-if="type === 'item-search'" class="form-group">
           <div class="container-fluid">
             <div class="row">
diff --git a/src/components/supplement/SupplementList.vue b/src/components/supplement/SupplementList.vue
index a8dfc64..3343ab8 100644
--- a/src/components/supplement/SupplementList.vue
+++ b/src/components/supplement/SupplementList.vue
@@ -164,7 +164,7 @@ export default {
     },
     onSearch(type) {
       this.searchType = type;
-      this.$bvModal.show("modal-lg");
+      this.$bvModal?.show("modal-lg");
     },
     onSearchDone(records) {
       this.records = records && records.length ? records : this.masterRecords;
diff --git a/src/components/workflow/SelectWorkflow.vue b/src/components/workflow/SelectWorkflow.vue
index be71488..6d1b91e 100644
--- a/src/components/workflow/SelectWorkflow.vue
+++ b/src/components/workflow/SelectWorkflow.vue
@@ -281,13 +281,13 @@
         class="spl-fr-btn"
       ></b-button>
       <b-modal v-model="showFRModal" id="modal-center" centered>
-        <template #modal-header="{}">
+        <template #modal-header>
           <h5 class="text-capitalize">
             Choose the Facial Recognition input file for
             {{ supplementList[0].primaryFileName }}:
           </h5>
         </template>
-        <template #default="{}">
+        <template #default>
           <b-form-group v-slot="{ ariaDescribedby }">
             <b-form-radio
               v-for="(supplement, index) in supplementList"
diff --git a/src/components/workflow/WorkflowEditor.vue b/src/components/workflow/WorkflowEditor.vue
index 719dad0..01fdb97 100644
--- a/src/components/workflow/WorkflowEditor.vue
+++ b/src/components/workflow/WorkflowEditor.vue
@@ -26,12 +26,12 @@
         </div>
       </div>
       <b-modal v-model="showModal" id="modal-center" centered>
-        <template #modal-header="{}">
+        <template #modal-header>
           <h5 class="text-capitalize">
             Confirm
           </h5>
         </template>
-        <template #default="{}">
+        <template #default>
           <div class="row pad-all-2">
             Any unsaved changes will be lost. Do you want to continue?
           </div>
diff --git a/src/components/workflow/WorkflowList.vue b/src/components/workflow/WorkflowList.vue
index 3db1f1b..4deef9a 100644
--- a/src/components/workflow/WorkflowList.vue
+++ b/src/components/workflow/WorkflowList.vue
@@ -245,7 +245,6 @@ export default {
   methods: {
     canCreate() {
       let actionKey = env.getEnv("VUE_APP_AC_ACTIONTYPE_CREATE") + "-" + env.getEnv("VUE_APP_AC_TARGETTYPE_WORKFLOW")
-      console.log("actionKey" + actionKey);
       return this.acIsAdmin || this.acActions.includes(actionKey);
     },
     canUpdate() {
@@ -317,8 +316,8 @@ export default {
         self.listOfWorkflows[workflowIndex]
       );
     },
-    async handleWorkflowSearch() {
-      this.$bvModal.show("modal-lg");
+    handleWorkflowSearch() {
+      this.$bvModal?.show("modal-lg");
     },
     async handleWorkflowCreation() {
       const self = this;
