try get fontawesome working

vue-mongotest/package.json

@@ -10,14 +10,15 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.35",
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
+    "@fortawesome/vue-fontawesome": "^2.0.2",
     "core-js": "^3.6.5",
     "vue": "^3.0.0",
     "vue-awesome": "^4.3.1"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
+    "@vue/cli-plugin-eslint": "^3.1.1",
+    "@vue/cli-service": "^3.12.1",
     "@vue/compiler-sfc": "^3.0.0",
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",

vue-mongotest/src/components/MongoStatus.vue

@@ -1,18 +1,22 @@
 <template>
   <div class="mongo-status">
-      <p>MongoDB Connection: <v-icon icon="times-circle" /></p>
+      <p>MongoDB Connection:<v-icon name="sync" scale="2" spin/></p>
   </div>
 </template>
 
 <script>
-
+import Vue from 'vue'
+import 'vue-awesome/icons'
 import Icon from 'vue-awesome/components/Icon'
 
+// globally (in your main .js file)
+Vue.component('v-icon', Icon)
 export default {
-  components: {
-    'v-icon': Icon
-  }
+//   components: {
+//     'v-icon': Icon
+//   }
 }
+
 </script>
 
 <style scoped>