initial

package.json

@@ -8,7 +8,15 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-brands-svg-icons": "^6.6.0",
+    "@fortawesome/free-regular-svg-icons": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/vue-fontawesome": "^3.0.8",
     "core-js": "^3.8.3",
+    "d3": "^7.9.0",
+    "globe.gl": "^2.32.5",
+    "pinia": "^2.2.2",
     "register-service-worker": "^1.7.2",
     "vue": "^3.2.13"
   },

src/App.vue

@@ -1,21 +1,26 @@
-<template>
-  <img alt="Vue logo" src="./assets/logo.png">
-  <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
-</template>
-
 <script lang="ts">
 import { defineComponent } from 'vue';
-import HelloWorld from './components/HelloWorld.vue';
+import QuizPage from './pages/QuizPage.vue';
+
 
 export default defineComponent({
   name: 'App',
   components: {
-    HelloWorld
+    QuizPage
   }
 });
 </script>
 
 <style lang="scss">
+body {
+  padding: 0;
+  margin: 0;
+}
+
+* {
+  box-sizing: border-box;
+}
+
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -25,3 +30,7 @@ export default defineComponent({
   margin-top: 60px;
 }
 </style>
+
+<template>
+  <quiz-page ></quiz-page>
+</template>