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