vue-quick-chat/src/node_modules/.cache/vue-loader/3a770a8cd9beab599cbb92790a31add4.json

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

{"remainingRequest":"/usr/local/share/.config/yarn/global/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/matheus/vue-projects/vue-quick-chat/node_modules/cache-loader/dist/cjs.js??ref--0-0!/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":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"contaier-message-display\" },\n    _vm._l(_vm.messages, function(message, index) {\n      return _c(\n        \"div\",\n        {\n          key: index,\n          staticClass: \"message-container\",\n          class: {\n            \"my-message\": message.myself,\n            \"other-message\": !message.myself\n          }\n        },\n        [\n          _c(\n            \"div\",\n            {\n              staticClass: \"message-text\",\n              style: {\n                background: !message.myself\n                  ? _vm.colors.message.others.bg\n                  : _vm.colors.message.myself.bg\n              }\n            },\n            [\n              !message.myself\n                ? _c(\"p\", { staticClass: \"message-username\" }, [\n                    _vm._v(\n                      _vm._s(_vm.getParticipantById(message.participantId).name)\n                    )\n                  ])\n                : _c(\"p\", { staticClass: \"message-username\" }, [\n                    _vm._v(_vm._s(_vm.myself.name))\n                  ]),\n              _c(\"p\", [_vm._v(_vm._s(message.content))])\n            ]\n          ),\n          _c(\"div\", { staticClass: \"message-timestamp\" }, [\n            _vm._v(\n              \"\\n            \" +\n                _vm._s(message.timestamp.format(\"LT\")) +\n                \"\\n        \"\n            )\n          ])\n        ]\n      )\n    }),\n    0\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}