| 1 |
- {"remainingRequest":"C:\\Vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Vue\\src\\components\\TaskItem.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Vue\\src\\components\\TaskItem.vue","mtime":1607780195688},{"path":"C:\\Vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Vue\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Vue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexport default {\n props: {\n task: {\n type: Object,\n required: true,\n },\n index: Number,\n },\n filters: {\n uppercase(value) {\n return value.toUpperCase();\n },\n },\n};\n",{"version":3,"sources":["TaskItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"TaskItem.vue","sourceRoot":"src/components","sourcesContent":["<template>\n <li class=\"list-group-item\">\n <span v-bind:class=\"{ done: task.completed }\">\n <input\n type=\"checkbox\"\n class=\"form-check-input me-1\"\n v-on:change=\"task.completed = !task.completed\"\n />\n\n <span v-bind:class=\"{ imp: task.important }\">\n <strong> {{ index + 1 }} </strong>\n </span>\n <span class=\"font-monospace\"> {{ task.title }} </span>\n </span>\n <button class=\"rm\" v-on:click=\"$emit('remove-task', task.id)\">\n ×\n </button>\n </li>\n</template>\n\n<script>\nexport default {\n props: {\n task: {\n type: Object,\n required: true,\n },\n index: Number,\n },\n filters: {\n uppercase(value) {\n return value.toUpperCase();\n },\n },\n};\n</script>\n\n<style scoped>\n.rm {\n background: red;\n color: #fff;\n border-radius: 50%;\n font-weight: bold;\n}\n\n.done {\n text-decoration: line-through;\n}\n.imp {\n background: red;\n color: #fff;\n}\n</style>"]}]}
|