Add ability to create new database through the UI

resources/assets/scripts/components/Flash.vue

@@ -1,22 +1,22 @@
 <template>
     <div v-if="notifications.length > 0" :class="this.container">
         <transition-group tag="div" name="fade">
-            <div class="lg:inline-flex" role="alert" v-for="(item, index) in notifications"
-                :key="index"
-                :class="[item.class, {
-                    'mb-2': index < notifications.length - 1
-                }]"
-            >
-                <span class="title" v-html="item.title" v-if="item.title.length > 0"></span>
-                <span class="message" v-html="item.message"></span>
+            <div v-for="(item, index) in notifications" :key="index">
+                <message-box
+                        :class="[item.class, {'mb-2': index < notifications.length - 1}]"
+                        :title="item.title"
+                        :message="item.message"
+                />
             </div>
         </transition-group>
     </div>
 </template>
 
 <script>
+    import MessageBox from './MessageBox';
     export default {
         name: 'flash',
+        components: {MessageBox},
         props: {
             container: {
                 type: String,