Added location id

[github/bastienwirtz/homer.git] / src / components / Message.vue

diff --git a/src/components/Message.vue b/src/components/Message.vue
index 2c3df405daa8fe814d47990c18f17ccf079c27a2..5a1e0eaadc2beb72948133eca646d4adf49fe4da 100644 (file)
--- a/src/components/Message.vue
+++ b/src/components/Message.vue
@@ -1,9 +1,16 @@
 <template>
   <article v-if="show" class="message" :class="message.style">
-    <div v-if="message.title" class="message-header">
-      <p>{{ message.title }}</p>
+    <div v-if="message.title || message.icon" class="message-header">
+      <p>
+        <i v-if="message.icon" :class="`fa-fw ${message.icon}`"></i>
+        {{ message.title }}
+      </p>
     </div>
-    <div v-if="message.content" class="message-body" v-html="message.content"></div>
+    <div
+      v-if="message.content"
+      class="message-body"
+      v-html="message.content"
+    ></div>
   </article>
 </template>