{"remainingRequest":"C:\\Vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Vue\\src\\views\\Tasks.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Vue\\src\\views\\Tasks.vue","mtime":1607780399759},{"path":"C:\\Vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Vue\\node_modules\\babel-loader\\lib\\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\nimport TaskList from \"@/components/TaskList\";\nimport AddTask from \"@/components/AddTask\";\n\nexport default {\n  name: \"app\",\n  data() {\n    return {\n      tasks: [\n        {\n          \n          id: 1,\n          title: \"not completed not important\",\n          completed: false,\n          important: false,\n        },\n        {\n          \n          id: 2,\n          title: \"not completed important\",\n          completed: false,\n          important: true,\n        },\n        {\n          \n          id: 3,\n          title: \"completed not important\",\n          completed: true,\n          important: false,\n        },\n      ],\n\n\n      filter: \"all\",\n    };\n  },\n\n  computed: {\n    filteredTasks() {\n      if (this.filter === \"all\") {\n        return this.tasks;\n      }\n\n      if (this.filter === \"completed\") {\n        return this.tasks.filter((t) => t.completed);\n      }\n\n      if (this.filter === \"not-completed\") {\n        return this.tasks.filter((t) => !t.completed);\n      }\n\n      if (this.filter === \"not-important\") {\n        return this.tasks.filter((t) => !t.important);\n      }\n\n      if (this.filter === \"important\") {\n        return this.tasks.filter((t) => t.important);\n      }\n    },\n  },\n\n  \n  methods: {\n    removeTask(id) {\n      this.tasks = this.tasks.filter((t) => t.id !== id);\n    },\n    addTask(task) {\n      this.tasks.push(task);\n    },\n  },\n  components: {\n    TaskList,\n    AddTask,\n\n  },\n};\n",{"version":3,"sources":["Tasks.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA","file":"Tasks.vue","sourceRoot":"src/views","sourcesContent":["<template>\n  <div>\n    <h2>Tasks application</h2>\n    <router-link to=\"/\" class=\"btn btn-primary\">Back</router-link>\n    <hr />\n    <AddTask @add-task=\"addTask\" />\n    <select class=\"form-select\" v-model=\"filter\">\n      <option value=\"all\">All</option>\n      <option value=\"completed\">Completed</option>\n      <option value=\"not-completed\">Not Completed</option>\n      <option value=\"important\">Important</option>\n      <option value=\"not-important\">Not Important</option>\n    </select>\n\n    <hr />\n\n    <TaskList\n      v-if=\"filteredTasks.length\"\n      v-bind:tasks=\"filteredTasks\"\n      @remove-task=\"removeTask\"\n    />\n    <p v-else>No tasks!</p>\n  </div>\n</template>\n\n<script>\nimport TaskList from \"@/components/TaskList\";\nimport AddTask from \"@/components/AddTask\";\n\nexport default {\n  name: \"app\",\n  data() {\n    return {\n      tasks: [\n        {\n          \n          id: 1,\n          title: \"not completed not important\",\n          completed: false,\n          important: false,\n        },\n        {\n          \n          id: 2,\n          title: \"not completed important\",\n          completed: false,\n          important: true,\n        },\n        {\n          \n          id: 3,\n          title: \"completed not important\",\n          completed: true,\n          important: false,\n        },\n      ],\n\n\n      filter: \"all\",\n    };\n  },\n\n  computed: {\n    filteredTasks() {\n      if (this.filter === \"all\") {\n        return this.tasks;\n      }\n\n      if (this.filter === \"completed\") {\n        return this.tasks.filter((t) => t.completed);\n      }\n\n      if (this.filter === \"not-completed\") {\n        return this.tasks.filter((t) => !t.completed);\n      }\n\n      if (this.filter === \"not-important\") {\n        return this.tasks.filter((t) => !t.important);\n      }\n\n      if (this.filter === \"important\") {\n        return this.tasks.filter((t) => t.important);\n      }\n    },\n  },\n\n  \n  methods: {\n    removeTask(id) {\n      this.tasks = this.tasks.filter((t) => t.id !== id);\n    },\n    addTask(task) {\n      this.tasks.push(task);\n    },\n  },\n  components: {\n    TaskList,\n    AddTask,\n\n  },\n};\n</script>\n\n\n"]}]}