{"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      &times;\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>"]}]}