vue-quick-chat/src/node_modules/.cache/vue-loader/312d42a64b32c1199f03df736d3a0c92.json

This vue component is a simple chat that can be easily imported and used in your project.

{"remainingRequest":"/home/matheus/vue-projects/vue-quick-chat/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/matheus/vue-projects/vue-quick-chat/src/components/MessageDisplay.vue?vue&type=template&id=b4be8154&scoped=true&","dependencies":[{"path":"/home/matheus/vue-projects/vue-quick-chat/src/components/MessageDisplay.vue","mtime":1567027869041},{"path":"/home/matheus/vue-projects/vue-quick-chat/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/share/.config/yarn/global/node_modules/vue-loader/lib/loaders/templateLoader.js","mtime":1566664071830},{"path":"/home/matheus/vue-projects/vue-quick-chat/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/matheus/vue-projects/vue-quick-chat/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"contaier-message-display\">\n    <div v-for=\"(message, index) in messages\" :key=\"index\" class=\"message-container\" :class=\"{'my-message': message.myself, 'other-message': !message.myself}\">\n        <div class=\"message-text\" :style=\"{background: !message.myself?colors.message.others.bg: colors.message.myself.bg}\">\n            <p v-if=\"!message.myself\" class=\"message-username\">{{getParticipantById(message.participantId).name}}</p>\n            <p v-else class=\"message-username\">{{myself.name}}</p>\n            <p>{{message.content}}</p>\n        </div>\n        <div class=\"message-timestamp\">\n            {{ message.timestamp.format('LT') }}\n        </div>\n    </div>\n</div>    \n",null]}