fix: fontawesome for IE11 (Proxy & unicode regexp)

I'd rather use `babel-plugin-proxy` instead of `proxy-polyfill`, but it doesn't seem to work with babel 7 currently.
https://github.com/krzkaczor/babel-plugin-proxy/issues/10

babel.config.js

@@ -1,5 +1,8 @@
 module.exports = {
   compact : true,
+  plugins : [
+    'transform-unicode-regexp-runtime',
+  ],
   presets : [
     [
       '@vue/cli-plugin-babel/preset',

package-lock.json

@@ -40,11 +40,13 @@
         "@vue/cli-service": "~5.0.0",
         "@vue/eslint-config-standard": "^6.1.0",
         "@vue/eslint-config-typescript": "^9.1.0",
+        "babel-plugin-transform-unicode-regexp-runtime": "^1.0.2",
         "eslint": "^7.32.0",
         "eslint-plugin-import": "^2.25.3",
         "eslint-plugin-node": "^11.1.0",
         "eslint-plugin-promise": "^5.1.0",
         "eslint-plugin-vue": "^8.0.3",
+        "proxy-polyfill": "^0.3.2",
         "sass": "^1.32.7",
         "sass-loader": "^12.0.0",
         "typescript": "~4.5.5",
@@ -3909,6 +3911,19 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/babel-plugin-transform-unicode-regexp-runtime": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-unicode-regexp-runtime/-/babel-plugin-transform-unicode-regexp-runtime-1.0.2.tgz",
+      "integrity": "sha512-FhHk4uX65ddGP4NUCKOKRLp3q9FBATpBSBxEWDXScmoiOY/QBUCp2xY/2aOOId1qjSjGQUsq2eh+dlzWIJLy0Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "regexpu-core": "^5.0.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.17.8"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -10338,6 +10353,12 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/proxy-polyfill": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/proxy-polyfill/-/proxy-polyfill-0.3.2.tgz",
+      "integrity": "sha512-ENKSXOMCewnQTOyqrQXxEjIhzT6dy572mtehiItbDoIUF5Sv5UkmRUc8kowg2MFvr232Uo8rwRpNg3V5kgTKbA==",
+      "dev": true
+    },
     "node_modules/pseudomap": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
@@ -16009,6 +16030,16 @@
         "@babel/helper-define-polyfill-provider": "^0.3.1"
       }
     },
+    "babel-plugin-transform-unicode-regexp-runtime": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-unicode-regexp-runtime/-/babel-plugin-transform-unicode-regexp-runtime-1.0.2.tgz",
+      "integrity": "sha512-FhHk4uX65ddGP4NUCKOKRLp3q9FBATpBSBxEWDXScmoiOY/QBUCp2xY/2aOOId1qjSjGQUsq2eh+dlzWIJLy0Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "regexpu-core": "^5.0.1"
+      }
+    },
     "balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -20667,6 +20698,12 @@
         }
       }
     },
+    "proxy-polyfill": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/proxy-polyfill/-/proxy-polyfill-0.3.2.tgz",
+      "integrity": "sha512-ENKSXOMCewnQTOyqrQXxEjIhzT6dy572mtehiItbDoIUF5Sv5UkmRUc8kowg2MFvr232Uo8rwRpNg3V5kgTKbA==",
+      "dev": true
+    },
     "pseudomap": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",

package.json

@@ -40,11 +40,13 @@
     "@vue/cli-service": "~5.0.0",
     "@vue/eslint-config-standard": "^6.1.0",
     "@vue/eslint-config-typescript": "^9.1.0",
+    "babel-plugin-transform-unicode-regexp-runtime": "^1.0.2",
     "eslint": "^7.32.0",
     "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^5.1.0",
     "eslint-plugin-vue": "^8.0.3",
+    "proxy-polyfill": "^0.3.2",
     "sass": "^1.32.7",
     "sass-loader": "^12.0.0",
     "typescript": "~4.5.5",

src/plugins/fontawesome.ts

@@ -1,5 +1,8 @@
 import Vue from 'vue'
 
+// IE11 backward compatibility for Proxy that fontawesome is using.
+import 'proxy-polyfill'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { faSkull } from '@fortawesome/free-solid-svg-icons'

src/style/main.scss

@@ -29,5 +29,7 @@ ul {
   .svg-inline--fa {
     font-size: 125%;
     vertical-align: text-bottom;
+    display: inline-block;
+    width: 1em;
   }
 }