siimee/frontend/src/components/ChatBubble.vue

<template lang="pug">
.chat-blob.message-wrapper.pa4
    p.pb1
        span(v-if='publisherId == profile.id.value') you
        span(v-else) {{ publisherId }}
        span @{{ new Date(parseInt(time) / 10000).toLocaleTimeString('en-US') }}
    p {{ message }}
</template>

<script>
import { mixins } from '../utils'
export default {
    props: {
        publisherId: {
            type: String,
            required: true,
        },
        message: {
            type: String,
            required: true,
        },
        time: {
            type: String,
            required: true,
        },
    },
    mixins: [mixins.profileMixin],
}
</script>