{"remainingRequest":"C:\\Vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Vue\\src\\components\\AddTodo.vue?vue&type=style&index=0&id=0e8fb307&scoped=true&lang=css&","dependencies":[{"path":"C:\\Vue\\src\\components\\AddTodo.vue","mtime":1607769906574},{"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nform {\n  display: flex;\n  width: 800px;\n}\n\n.text {\n  width: 400px;\n  margin-left: 20px;\n}\n.right {\n  margin-right: 20px;\n}\n",{"version":3,"sources":["AddTodo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AddTodo.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <form @submit.prevent=\"onSubmit\">\n    <input type=\"text\" class=\"text\" v-model=\"title\" />\n    <label class=\"right\">\n      <label class=\"\">Check if important</label>\n\n      <input\n        type=\"radio\"\n        class=\"form-radio-input ml-3\"\n        v-model=\"picked\"\n        value=\"y\"\n      />\n      <label class=\"\">yes</label>\n\n      <input\n        type=\"radio\"\n        class=\"form-radio-input ml-3\"\n        v-model=\"picked\"\n        value=\"n\"\n      /><label class=\"\">no</label>\n    </label>\n    <button type=\"submit\">Create</button>\n  </form>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      title: \"\",\n    };\n  },\n  methods: {\n    onSubmit() {\n      if (this.title.trim()) {\n        if (this.toggle == true) {\n          const newTodo = {\n            id: Date.now(),\n            title: this.title,\n            completed: false,\n\n            important: true,\n          };\n        } else {\n          const newTodo = {\n            id: Date.now(),\n            title: this.title,\n            completed: false,\n\n            important: false,\n          };\n        }\n\n        this.$emit(\"add-todo\", newTodo);\n        this.title = \"\";\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\nform {\n  display: flex;\n  width: 800px;\n}\n\n.text {\n  width: 400px;\n  margin-left: 20px;\n}\n.right {\n  margin-right: 20px;\n}\n</style>"]}]}