1 |
- {"remainingRequest":"C:\\Vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Vue\\src\\components\\AddTask.vue?vue&type=style&index=0&id=4358c8c6&scoped=true&lang=css&","dependencies":[{"path":"C:\\Vue\\src\\components\\AddTask.vue","mtime":1607778511836},{"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\n\n.text {\n width: 400px;\n margin-left: 20px;\n}\n.right {\n margin-right: 20px;\n}\n",{"version":3,"sources":["AddTask.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AddTask.vue","sourceRoot":"src/components","sourcesContent":["<template>\n <form @submit.prevent=\"onSubmit\">\n <input type=\"text\" class=\"text\" v-model=\"title\" />\n <div 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 </div>\n <button type=\"submit\" class=\"btn btn-primary\">Create</button>\n </form>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n title: \"\",\n picked: \"\",\n newTask: {\n id: \"\",\n title: \"\",\n completed: false,\n important: false,\n },\n };\n },\n methods: {\n onSubmit() {\n if (this.title.trim()) {\n this.newTask = {\n id: Date.now(),\n title: this.title,\n completed: false,\n };\n if (this.picked == \"y\") {\n this.newTask.important = true;\n } else {\n this.newTask.important = false;\n }\n }\n\n this.$emit(\"add-task\", this.newTask);\n this.title = \"\";\n },\n },\n};\n</script>\n\n<style scoped>\n\n.text {\n width: 400px;\n margin-left: 20px;\n}\n.right {\n margin-right: 20px;\n}\n</style>"]}]}
|