pug-ified messages.vue

frontend/src/components/Messages.vue

@@ -1,25 +1,13 @@
-<template>
-    <div class="sidebar__messages">
-        <h4 class="message__title">{{ title }}</h4>
-        <router-link
-            :to="'/chats/' + user.uid"
-            v-for="user in users"
-            :key="user.uid"
-            :class="[uid == user.uid ? 'active' : '', 'sidebar__message', 'f-col', 'start']"
-        >
-            <div class="f-row start">
-                <img :src="user.avatar" />
-
-                <div class="message__right f-col">
-                    <h4 class="message__name">{{ user.name }}</h4>
-                    <p class="message__content">
-                        {{ user.metadata.rawMetadata || "Hello I'm using tinder!" }}
-                    </p>
-                </div>
-            </div>
-
-        </router-link>
-    </div>
+<template lang="pug">
+.sidebar__messages
+  h4.message__title {{ title }}
+  router-link(:to="'/chats/' + user.uid" v-for='user in users' :key='user.uid' :class="[uid == user.uid ? 'active' : '', 'sidebar__message', 'f-col', 'start']")
+    .f-row.start
+      img(:src='user.avatar')
+      .message__right.f-col
+        h4.message__name {{ user.name }}
+        p.message__content
+          | {{ user.metadata.rawMetadata || &quot;Hello I&apos;m using tinder!&quot; }}
 </template>
 
 <script>