add fontawesome

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "simplelogin-extension",
-  "version": "1.8.0",
+  "version": "1.9.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -1007,6 +1007,32 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@fortawesome/fontawesome-common-types": {
+      "version": "0.2.29",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.29.tgz",
+      "integrity": "sha512-cY+QfDTbZ7XVxzx7jxbC98Oxr/zc7R2QpTLqTxqlfyXDrAJjzi/xUIqAUsygELB62JIrbsWxtSRhayKFkGI7MA=="
+    },
+    "@fortawesome/fontawesome-svg-core": {
+      "version": "1.2.29",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.29.tgz",
+      "integrity": "sha512-xmPmP2t8qrdo8RyKihTkGb09RnZoc+7HFBCnr0/6ZhStdGDSLeEd7ajV181+2W29NWIFfylO13rU+s3fpy3cnA==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "^0.2.29"
+      }
+    },
+    "@fortawesome/free-solid-svg-icons": {
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.13.1.tgz",
+      "integrity": "sha512-LQH/0L1p4+rqtoSHa9qFYR84hpuRZKqaQ41cfBQx8b68p21zoWSekTAeA54I/2x9VlCHDLFlG74Nmdg4iTPQOg==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "^0.2.29"
+      }
+    },
+    "@fortawesome/vue-fontawesome": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-0.1.10.tgz",
+      "integrity": "sha512-b2+SLF31h32LSepVcXe+BQ63yvbq5qmTCy4KfFogCYm2bn68H5sDWUnX+U7MBqnM2aeEk9M7xSoqGnu+wSdY6w=="
+    },
     "@nuxt/opencollective": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/@nuxt/opencollective/-/opencollective-0.3.0.tgz",

package.json

@@ -14,6 +14,9 @@
     "watch:dev": "cross-env HMR=true npm run build:dev -- --watch"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^1.2.29",
+    "@fortawesome/free-solid-svg-icons": "^5.13.1",
+    "@fortawesome/vue-fontawesome": "^0.1.10",
     "@sentry/browser": "^5.9.1",
     "@sentry/integrations": "^5.8.0",
     "axios": "^0.19.2",

src/popup/popup.js

@@ -10,6 +10,12 @@ import VModal from "vue-js-modal";
 import VueRouter from "vue-router";
 import ToggleButton from "vue-js-toggle-button";
 
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import { faRandom, faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons";
+
+library.add(faRandom, faExternalLinkAlt);
+
 global.browser = require("webextension-polyfill");
 Vue.prototype.$browser = global.browser;
 
@@ -19,6 +25,7 @@ Vue.use(BootstrapVue);
 Vue.use(VModal, { dialog: true });
 Vue.use(VueRouter);
 Vue.use(ToggleButton);
+Vue.component("font-awesome-icon", FontAwesomeIcon);
 
 Sentry.init({
   dsn: "https://dfc7a7727433452fbe5741b602058cc5@sentry.io/1839562",