Move everything back to vue SFCs

resources/assets/scripts/components/MessageBox.vue

@@ -0,0 +1,18 @@
+<template>
+    <div class="lg:inline-flex" role="alert">
+        <span class="title" v-html="title" v-if="title && title.length > 0"></span>
+        <span class="message" v-html="message"></span>
+    </div>
+</template>
+
+<script lang="ts">
+    import Vue from 'vue';
+
+    export default Vue.extend({
+        name: 'MessageBox',
+        props: {
+            title: {type: String, required: false},
+            message: {type: String, required: true}
+        },
+    });
+</script>