Fix navbar on page load

assets/js/components/Navbar.vue

@@ -1,12 +1,10 @@
 <template>
-    <div class="navbar border-bottom border-b border-grey-light mb-6" role="banner">
+    <div role="banner">
         <header class="container mx-auto px-4">
             <div class="sm:flex">
                 <div class="w-full sm:w-1/3 lg:w-1/4 flex items-center">
                     <div class="w-3/4 py-5">
-                        <a href="/" title="Home" class="text-grey-darkest no-underline hover:underline">
-                            {{ siteName }}
-                        </a>
+                        {{ siteName }}
                     </div>
 
                     <div class="w-1/4 text-right sm:hidden">

assets/sass/app.sass

@@ -5,6 +5,7 @@
 
 @import 'base/base'
 @import 'base/images'
+@import 'base/vue'
 
 @import 'components/blockquote'
 @import 'components/button'

assets/sass/base/vue.sass

@@ -0,0 +1,20 @@
+[v-cloak]
+    .v-cloak-block
+        display: block
+
+    .v-cloak-inline
+        display: inline
+
+    .v-cloak-inline-block
+        display: inline-block
+
+    .v-cloak-hidden
+        display: none
+
+    .v-cloak-invisible
+        visibility: hidden
+
+.v-cloak-block,
+.v-cloak-inline,
+.v-cloak-inline-block
+    display: none