Merge pull request wegue-oss#13 from Geolicious/7-link-homepage

fix for wegue-oss#7 link homepage, will then change logo and title to add links...

Author: justb4

src/components/AppHeader.vue

@@ -10,7 +10,7 @@
     <!-- slot to inject components at the beginning (before title) -->
     <slot name="wgu-tb-start"></slot>
 
-    <v-toolbar-title>{{title}}</v-toolbar-title>
+    <v-toolbar-title><span v-html="title"/></v-toolbar-title>
 
     <!-- slot to inject components after the title text -->
     <slot name="wgu-tb-after-title"></slot>

src/components/AppLogo.vue

@@ -1,13 +1,22 @@
 <template>
+  <div>
+    <!-- Logo content maybe either avatar and/or text -->
+    <v-avatar
+       v-if="logoSrc"
+       :size="logoSize"
+       :tile="true"
+       class="wgu-app-logo"
+      >
+      <img :src="logoSrc" alt="App Logo">
+    </v-avatar>
 
-  <v-avatar
-     v-if="!!logoSrc"
-     :size="logoSize"
-     :tile="true"
-     class="wgu-app-logo"
-    >
-    <img :src="logoSrc" alt="App Logo">
-  </v-avatar>
+    <div
+       v-if="logoText"
+       class="wgu-app-logo"
+      >
+      <span v-html="logoText"/>
+    </div>
+  </div>
 
 </template>
 
@@ -18,7 +27,8 @@ export default {
   data () {
     return {
       logoSrc: this.$appConfig.logo,
-      logoSize: this.$appConfig.logoSize
+      logoSize: this.$appConfig.logoSize,
+      logoText: this.$appConfig.logoText
     }
   }
 }
@@ -27,7 +37,7 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style>
 
-  .v-avatar.v-avatar--tile.wgu-app-logo {
+  .v-avatar.v-avatar--tile.wgu-app-logo, div.wgu-app-logo {
     position: absolute;
     z-index: 2;
   }