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