Merge pull request #40 from lost-university/add-github-icon-back

Bring GitHub icon back

package.json

@@ -10,10 +10,11 @@
     "lint-fix": "eslint --ext .ts,.vue src --fix"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^5.15.4",
-    "@fortawesome/fontawesome-svg-core": "^1.3.0",
-    "@fortawesome/free-solid-svg-icons": "^6.0.0",
-    "@fortawesome/vue-fontawesome": "^3.0.0-5",
+    "@fortawesome/fontawesome-free": "^6.5.1",
+    "@fortawesome/fontawesome-svg-core": "^6.5.1",
+    "@fortawesome/free-brands-svg-icons": "^6.5.1",
+    "@fortawesome/free-solid-svg-icons": "^6.5.1",
+    "@fortawesome/vue-fontawesome": "^3.0.5",
     "bulma": "^0.9.3",
     "vue": "^3.2.47",
     "vue-router": "^4.1.6",

src/components/PageFooter.vue

@@ -60,7 +60,11 @@
           class="mr-4 is-inline-block"
           href="https://github.com/lost-university"
         >
-          <i class="fab fa-github fa-2x social" />
+          <font-awesome-icon
+            :icon="['fab', 'github']"
+            size="2x"
+            class="social"
+          />
         </a>
       </div>
     </div>

src/main.ts

@@ -4,11 +4,13 @@ import '../styles/main.scss';
 // import Font Awesome as Vue Component: Dynamic Icon Change does not work without it.
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import { library, type IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { faGithub } from '@fortawesome/free-brands-svg-icons';
 import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
 import App from './App.vue';
 import router from './router';
 
 library.add(faChevronUp as IconDefinition);
 library.add(faChevronDown as IconDefinition);
+library.add(faGithub as IconDefinition);
 
 createApp(App).use(router).component('font-awesome-icon', FontAwesomeIcon).mount('#app');