vue-quick-chat/src/node_modules/.cache/vue-loader/3803b044355f1c65d6f76ff2c27be61c.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/Header.vue?vue&type=template&id=1a9bb128&scoped=true&","dependencies":[{"path":"/home/matheus/vue-projects/vue-quick-chat/src/components/Header.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=\"header-container\" :style=\"{background: colors.header.bg}\">\n    <div class=\"header-title\">\n        <p class=\"header-title-text\" :style=\"{color: colors.header.text}\">{{ chatTitle }}</p>\n        <p class=\"header-paticipants-text\">\n            <span>\n                {{ `${myself.name}, ` }}\n            </span>\n            <span v-for=\"(participant, index) in participants\" :key=\"participant.id\" >\n                {{ participants.length-1 != index?`${participant.name}, ` : participant.name }}\n            </span>\n        </p>\n    </div>\n\n    <div class=\"header-exit\">\n        <a class=\"header-exit-button\" href=\"#\"><v-icon name=\"x\" base-class=\"icon-close-chat\"></v-icon></a>\n    </div>\n</div>    \n",null]}