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