| 1 |
- {"remainingRequest":"C:\\Vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Vue\\src\\components\\TodoItem.vue?vue&type=style&index=0&id=33df0029&scoped=true&lang=css&","dependencies":[{"path":"C:\\Vue\\src\\components\\TodoItem.vue","mtime":1557290086000},{"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\nli {\n border: 1px solid #ccc;\n display: flex;\n justify-content: space-between;\n padding: .5rem 2rem;\n margin-bottom: 1rem;\n}\n\n.rm {\n background: red;\n color: #fff;\n border-radius: 50%;\n font-weight: bold;\n}\n\ninput {\n margin-right: 1rem;\n}\n\n.done {\n text-decoration: line-through;\n}\n",{"version":3,"sources":["TodoItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"TodoItem.vue","sourceRoot":"src/components","sourcesContent":["<template>\n <li>\n <span v-bind:class=\"{done: todo.completed}\">\n <input type=\"checkbox\"\n v-on:change=\"todo.completed = !todo.completed\">\n <strong>{{index + 1}}</strong>\n {{todo.title | uppercase}}\n </span>\n <button class=\"rm\"\n v-on:click=\"$emit('remove-todo', todo.id)\"\n >×</button>\n </li>\n</template>\n\n<script>\nexport default {\n props: {\n todo: {\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 li {\n border: 1px solid #ccc;\n display: flex;\n justify-content: space-between;\n padding: .5rem 2rem;\n margin-bottom: 1rem;\n }\n\n .rm {\n background: red;\n color: #fff;\n border-radius: 50%;\n font-weight: bold;\n }\n\n input {\n margin-right: 1rem;\n }\n\n .done {\n text-decoration: line-through;\n }\n</style>"]}]}
|