{"remainingRequest":"C:\\Vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Vue\\src\\components\\TaskItem.vue?vue&type=style&index=0&id=0e991e68&scoped=true&lang=css&","dependencies":[{"path":"C:\\Vue\\src\\components\\TaskItem.vue","mtime":1607780133771},{"path":"C:\\Vue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Vue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Vue\\node_modules\\postcss-loader\\src\\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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",{"version":3,"sources":["TaskItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"TaskItem.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <li list-group>\n    <span v-bind:class=\"{ done: task.completed }\">\n      <input\n        type=\"checkbox\"\n        class=\"form-check-label\"\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>"]}]}