Add initial "logo" component

still just proving some concepts at this point

src/components/logo/ByjoveLogo.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="logo">
+    <img v-if="appsettings.logo" :alt="alternateText" :src="appsettings.logo" />
+    <img v-if="!appsettings.logo" :alt="alternateText" src="../../assets/logo.png" />
+  </div>
+</template>
+
+<script>
+export default {
+    name: 'ByjoveLogo',
+    props: {
+        appsettings: Object,
+    },
+    computed: {
+        alternateText: function() {
+            return this.appsettings.systemTitle + " logo"
+        },
+    },
+}
+</script>
+
+<style scoped>
+img {
+    max-height: 200px;
+    max-width: 300px;
+}
+</style>

src/components/logo/index.js

@@ -0,0 +1,6 @@
+import Vue from 'vue'
+import ByjoveLogo from './ByjoveLogo'
+
+Vue.component('byjove-logo', ByjoveLogo)
+
+export default ByjoveLogo