Make logo a link to the main page

components/Logo.vue

 <template>
-  <v-img
-    :src="require('@/static/img/logo.png')"
-    max-height="100%"
-    max-width="100%"
-  ></v-img>
+  <nuxt-link to="/">
+    <v-img
+      :src="require('@/static/img/logo.png')"
+      max-height="100%"
+      max-width="100%"
+    ></v-img>
+  </nuxt-link>
 </template>
 
 <style></style>

layouts/default.vue

 <template>
   <v-app>
     <Notifications />
-    <MainAppBar />
+    <MainAppBar>
+      <template #logo>
+        <Logo />
+      </template>
+    </MainAppBar>
     <v-main>
       <v-container>
         <nuxt />
@@ -15,12 +19,14 @@
 import MainAppBar from '~/web-components-submodule/components/common/Masthead/MainAppBar.vue'
 import Footer from '~/components/footer/Footer.vue'
 import Notifications from '~/web-components-submodule/components/common/Notifications.vue'
+import Logo from '~/components/Logo.vue'
 
 export default {
   components: {
     MainAppBar,
     Footer,
     Notifications,
+    Logo,
   },
 }
 </script>

pages/index.vue

 <template>
   <v-row justify="center" align="center">
-    <v-col cols="12" sm="8" md="6">
-      <v-btn color="primary" outlined to="/compound/1"> Go to Compound </v-btn>
+    <v-col cols="12">
+      <v-btn color="primary" outlined to="/compound/1"> Compound Sample</v-btn>
       <h1>Lorem ipsum</h1>
-      <p>
+      <p class="text-justify">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dictum
         pharetra lorem nec ultrices. Nulla condimentum luctus tellus ut iaculis.
         Morbi feugiat mattis libero id imperdiet. Nulla nec leo dictum,
@@ -16,7 +16,7 @@
         Donec a turpis at nulla fringilla accumsan at vel nisl.
       </p>
       <h2>Orci varius</h2>
-      <p>
+      <p class="text-justify">
         Orci varius natoque penatibus et magnis dis parturient montes, nascetur
         ridiculus mus. Donec et varius diam. Quisque ligula dolor, placerat a
         pretium eget, mollis sit amet risus. Pellentesque sagittis quam est, et
@@ -25,7 +25,7 @@
         vel, vestibulum elit. Vivamus ac dictum nibh.
       </p>
       <h3>Mauris dignissim</h3>
-      <p>
+      <p class="text-justify">
         Mauris dignissim enim tincidunt magna pulvinar, ac gravida est rhoncus.
         Sed dictum commodo quam, et congue tortor vulputate vel. Proin fermentum
         libero vel fringilla finibus. Nullam nisi nunc, maximus nec tincidunt
@@ -37,7 +37,7 @@
         molestie feugiat. Quisque semper massa eu tortor euismod consectetur.
         Etiam nibh sapien, congue et dapibus eget, aliquet vitae nunc.
       </p>
-      <p>
+      <p class="text-justify">
         Nam ut eleifend metus, nec interdum nulla. Nam volutpat lectus nec lacus
         rhoncus, at consectetur mi volutpat. Donec sodales libero a diam congue
         facilisis. Nulla id velit dui. Mauris eu orci eu elit molestie commodo.
@@ -48,7 +48,7 @@
         amet leo. Cras luctus arcu mauris, at dapibus purus malesuada nec.
         Pellentesque ante mauris, pharetra id sagittis ut, tincidunt ac nibh.
       </p>
-      <p>
+      <p class="text-justify">
         Proin sit amet lobortis sapien. Mauris venenatis id nulla et aliquet.
         Nulla interdum, dui consectetur finibus volutpat, lectus dolor tempus
         justo, vel iaculis ipsum lacus nec turpis. Aenean fringilla, ex eget

web-components-submodule @ b58f1e1a

-Subproject commit be361e820fa72e2f74049aee2551e42f6e8630c8
+Subproject commit b58f1e1a4fdf6302c644a2695fe06806961b6709