9f9e77078cecc822a5b9af5a68b0444c.json 2.2 KB

1
  1. {"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>"]}]}