Made logo a link

src/app/app.vue

@@ -1,13 +1,20 @@
 <template>
   <div id="app">
-    <app-menu
-      :main="topMenu"
-      :sub="subMenu"
-      :languages="languages"
-      :socialMedia="socialMedia" />
+    <aside class="menu">
+      <router-link :to="{ path: '/' }">
+        <img class="menu-logo" :src="euromatLogo" width="140" height="140" />
+      </router-link>
+      <app-menu
+        :main="topMenu"
+        :sub="subMenu"
+        :languages="languages"
+        :socialMedia="socialMedia" />
+    </aside>
+
     <main>
       <router-view></router-view>
     </main>
+
     <div class="app-background">
       <svgicon
         name="european-stars"
@@ -61,6 +68,7 @@
 
     data () {
       return {
+        euromatLogo: require('@/assets/svg/euromat-logo.svg'),
         languages: [
           { label: '🇩🇪', locale: 'de' },
           { label: '🇬🇧', locale: 'en' }
@@ -169,13 +177,23 @@
     align-items: flex-start;
     position: relative;
     margin: $base-gap * 3 0;
+
+    aside {
+      margin-right: $base-gap * 2;
+      position: relative;
+      flex: 0 0 140px;
+    }
+
+    main {
+      background: transparentize($background-primary, 0.5);
+      width: 100%;
+      position: relative;
+      z-index: 1;
+    }
   }
 
-  main {
-    background: transparentize($background-primary, 0.5);
-    width: 100%;
-    position: relative;
-    z-index: 1;
+  .menu-logo {
+    margin-bottom: $small-gap;
   }
 
   .app-background {

src/assets/icons/index.js

@@ -1,6 +1,7 @@
 /* eslint-disable */
 require('./afd-logo')
 require('./cdu-logo')
+require('./euromat-logo')
 require('./european-stars')
 require('./fdp-logo')
 require('./grüne-logo')

src/components/menu.vue

@@ -1,6 +1,5 @@
 <template>
-  <aside class="menu">
-    <img class="menu-logo" :src="euromatLogo" width="80" height="80" />
+  <div>
     <ul class="top-menu">
       <li v-for="item of main">
         <router-link tag="a" :to="item.route">
@@ -34,7 +33,7 @@
         </button>
       </li>
     </ul>
-  </aside>
+  </div>
 </template>
 
 <script>
@@ -52,12 +51,6 @@
       socialMedia: { type: Array, default: () => [] }
     },
 
-    data () {
-      return {
-        euromatLogo: require('@/assets/svg/euromat-logo.svg')
-      }
-    },
-
     methods: {
       changeLanguage (locale) {
         this.$i18n.locale = locale
@@ -71,18 +64,8 @@
   @import "~styles/colors";
   @import "~styles/layout";
 
-  .menu {
-    margin-right: $base-gap * 2;
-    position: relative;
-    flex: 0 0 140px;
-
-    ul {
-      list-style: none;
-    }
-  }
-
-  .menu-logo {
-    margin-bottom: $small-gap;
+  ul {
+    list-style: none;
   }
 
   .top-menu {