Add alert message

src/App.vue

@@ -1,5 +1,14 @@
 <template>
-  <div id="app">
+  <div id="app" class="min-h-screen antialiased font-sans bg-gray-200">
+    <alert-message>
+      <p>
+        <!-- eslint-disable-next-line -->
+        A clone of <a href="https://platform.sh">Platform.sh</a>’s hosting dashboard.<br class="hidden sm:inline" />
+        <!-- eslint-disable-next-line -->
+        Built with <a href="https://vuejs.org">Vue.js</a> and <a href="https://tailwindcss.com">Tailwind CSS</a> by <a href="https://www.oliverdavies.uk">Oliver Davies</a>.
+      </p>
+    </alert-message>
+
     <router-view />
   </div>
 </template>

src/components/alert-message.vue

@@ -0,0 +1,14 @@
+<template>
+  <section
+    class="bg-gun-powder p-3 text-center text-white text-sm font-semibold"
+  >
+    <slot></slot>
+  </section>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from "vue-property-decorator";
+
+@Component
+export default class AlertMessage extends Vue {}
+</script>

src/main.ts

@@ -1,9 +1,12 @@
 import Vue from "vue";
+import AlertMessage from "@/components/alert-message.vue";
 import App from "./App.vue";
 import router from "./router";
 
 Vue.config.productionTip = false;
 
+Vue.component("AlertMessage", AlertMessage);
+
 new Vue({
   router,
   render: h => h(App)