diff --git a/ChaosBot/wwwroot/package.json b/ChaosBot/wwwroot/package.json
index ee6b1b6..0372f27 100644
--- a/ChaosBot/wwwroot/package.json
+++ b/ChaosBot/wwwroot/package.json
@@ -9,7 +9,8 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
-    "vue": "^2.6.11"
+    "vue": "^2.6.11",
+    "vue-router": "^3.4.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.5.0",
diff --git a/ChaosBot/wwwroot/src/App.vue b/ChaosBot/wwwroot/src/App.vue
index 55df315..ec95004 100644
--- a/ChaosBot/wwwroot/src/App.vue
+++ b/ChaosBot/wwwroot/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
+    <img alt="Vue logo" src="./assets/logo-256.png">
     <HelloWorld msg="Welcome to Your Vue.js App"/>
   </div>
 </template>
diff --git a/ChaosBot/wwwroot/yarn.lock b/ChaosBot/wwwroot/yarn.lock
index dc32195..37cbb34 100644
--- a/ChaosBot/wwwroot/yarn.lock
+++ b/ChaosBot/wwwroot/yarn.lock
@@ -8101,6 +8101,11 @@ vue-loader@^15.9.2:
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
+vue-router@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.4.3.tgz#fa93768616ee338aa174f160ac965167fa572ffa"
+  integrity sha512-BADg1mjGWX18Dpmy6bOGzGNnk7B/ZA0RxuA6qedY/YJwirMfKXIDzcccmHbQI0A6k5PzMdMloc0ElHfyOoX35A==
+
 vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"