Footer.vue

<template>
  <footer class="footer">
    <div class="liner">
      <img class="logo" src="../assets/images/logo-alioth-sheild.svg" />
      <span class="copyright">&copy;2020 Alioth, llc.</span>
    </div>
  </footer>
</template>

<script>
export default { name: "Footer" };
</script>

<style scoped>
.footer {
    @apply flex-1 flex flex-col;
}
.liner {
    @apply flex-1 flex flex-col justify-center items-center space-y-2;
}
.logo {
    @apply w-16 h-16;
}
.copyright {
    @apply text-sm text-grey-2;
}
</style>