{"remainingRequest":"C:\\Vue\\node_modules\\babel-loader\\lib\\index.js!C:\\Vue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Vue\\src\\views\\Todos.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Vue\\src\\views\\Todos.vue","mtime":1607761322790},{"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":["import \"core-js/modules/es6.array.filter\";\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 TodoList from \"@/components/TodoList\";\nimport AddTodo from \"@/components/AddTodo\";\nimport Loader from \"@/components/Loader\";\nexport default {\n  name: \"app\",\n  data: function data() {\n    return {\n      todos: [],\n      loading: true,\n      filter: \"all\"\n    };\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    fetch(\"https://jsonplaceholder.typicode.com/todos?_limit=3\").then(function (response) {\n      return response.json();\n    }).then(function (json) {\n      setTimeout(function () {\n        _this.todos = json;\n        _this.loading = false;\n      }, 1000);\n    });\n  },\n  // watch: {\n  //   filter(value) {\n  //     console.log(value)\n  //   }\n  // },\n  computed: {\n    filteredTodos: function filteredTodos() {\n      if (this.filter === \"all\") {\n        return this.todos;\n      }\n\n      if (this.filter === \"completed\") {\n        return this.todos.filter(function (t) {\n          return t.completed;\n        });\n      }\n\n      if (this.filter === \"not-completed\") {\n        return this.todos.filter(function (t) {\n          return !t.completed;\n        });\n      }\n\n      if (this.filter === \"not-important\") {\n        return this.todos.filter(function (t) {\n          return !t.important;\n        });\n      }\n\n      if (this.filter === \"important\") {\n        return this.todos.filter(function (t) {\n          return t.important;\n        });\n      }\n    }\n  },\n  methods: {\n    removeTodo: function removeTodo(id) {\n      this.todos = this.todos.filter(function (t) {\n        return t.id !== id;\n      });\n    },\n    addTodo: function addTodo(todo) {\n      this.todos.push(todo);\n    }\n  },\n  components: {\n    TodoList: TodoList,\n    AddTodo: AddTodo,\n    Loader: Loader\n  }\n};",{"version":3,"sources":["Todos.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,OAAA,QAAA,MAAA,uBAAA;AACA,OAAA,OAAA,MAAA,sBAAA;AACA,OAAA,MAAA,MAAA,qBAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,KADA;AAEA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,KAAA,EAAA,EADA;AAEA,MAAA,OAAA,EAAA,IAFA;AAGA,MAAA,MAAA,EAAA;AAHA,KAAA;AAKA,GARA;AASA,EAAA,OATA,qBASA;AAAA;;AACA,IAAA,KAAA,CAAA,qDAAA,CAAA,CACA,IADA,CACA,UAAA,QAAA;AAAA,aAAA,QAAA,CAAA,IAAA,EAAA;AAAA,KADA,EAEA,IAFA,CAEA,UAAA,IAAA,EAAA;AACA,MAAA,UAAA,CAAA,YAAA;AACA,QAAA,KAAA,CAAA,KAAA,GAAA,IAAA;AACA,QAAA,KAAA,CAAA,OAAA,GAAA,KAAA;AACA,OAHA,EAGA,IAHA,CAAA;AAIA,KAPA;AAQA,GAlBA;AAmBA;AACA;AACA;AACA;AACA;AACA,EAAA,QAAA,EAAA;AACA,IAAA,aADA,2BACA;AACA,UAAA,KAAA,MAAA,KAAA,KAAA,EAAA;AACA,eAAA,KAAA,KAAA;AACA;;AAEA,UAAA,KAAA,MAAA,KAAA,WAAA,EAAA;AACA,eAAA,KAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAAA,iBAAA,CAAA,CAAA,SAAA;AAAA,SAAA,CAAA;AACA;;AAEA,UAAA,KAAA,MAAA,KAAA,eAAA,EAAA;AACA,eAAA,KAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAAA,iBAAA,CAAA,CAAA,CAAA,SAAA;AAAA,SAAA,CAAA;AACA;;AAEA,UAAA,KAAA,MAAA,KAAA,eAAA,EAAA;AACA,eAAA,KAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAAA,iBAAA,CAAA,CAAA,CAAA,SAAA;AAAA,SAAA,CAAA;AACA;;AAEA,UAAA,KAAA,MAAA,KAAA,WAAA,EAAA;AACA,eAAA,KAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAAA,iBAAA,CAAA,CAAA,SAAA;AAAA,SAAA,CAAA;AACA;AACA;AArBA,GAxBA;AA+CA,EAAA,OAAA,EAAA;AACA,IAAA,UADA,sBACA,EADA,EACA;AACA,WAAA,KAAA,GAAA,KAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAAA,eAAA,CAAA,CAAA,EAAA,KAAA,EAAA;AAAA,OAAA,CAAA;AACA,KAHA;AAIA,IAAA,OAJA,mBAIA,IAJA,EAIA;AACA,WAAA,KAAA,CAAA,IAAA,CAAA,IAAA;AACA;AANA,GA/CA;AAuDA,EAAA,UAAA,EAAA;AACA,IAAA,QAAA,EAAA,QADA;AAEA,IAAA,OAAA,EAAA,OAFA;AAGA,IAAA,MAAA,EAAA;AAHA;AAvDA,CAAA","sourcesContent":["<template>\n  <div>\n    <h2>Notes application</h2>\n    <router-link to=\"/\">Home</router-link>\n    <hr />\n    <AddTodo @add-todo=\"addTodo\" />\n    <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    <hr />\n    <Loader v-if=\"loading\" />\n    <TodoList\n      v-else-if=\"filteredTodos.length\"\n      v-bind:todos=\"filteredTodos\"\n      @remove-todo=\"removeTodo\"\n    />\n    <p v-else>No todos!</p>\n  </div>\n</template>\n\n<script>\nimport TodoList from \"@/components/TodoList\";\nimport AddTodo from \"@/components/AddTodo\";\nimport Loader from \"@/components/Loader\";\nexport default {\n  name: \"app\",\n  data() {\n    return {\n      todos: [],\n      loading: true,\n      filter: \"all\",\n    };\n  },\n  mounted() {\n    fetch(\"https://jsonplaceholder.typicode.com/todos?_limit=3\")\n      .then((response) => response.json())\n      .then((json) => {\n        setTimeout(() => {\n          this.todos = json;\n          this.loading = false;\n        }, 1000);\n      });\n  },\n  // watch: {\n  //   filter(value) {\n  //     console.log(value)\n  //   }\n  // },\n  computed: {\n    filteredTodos() {\n      if (this.filter === \"all\") {\n        return this.todos;\n      }\n\n      if (this.filter === \"completed\") {\n        return this.todos.filter((t) => t.completed);\n      }\n\n      if (this.filter === \"not-completed\") {\n        return this.todos.filter((t) => !t.completed);\n      }\n\n      if (this.filter === \"not-important\") {\n        return this.todos.filter((t) => !t.important);\n      }\n\n      if (this.filter === \"important\") {\n        return this.todos.filter((t) => t.important);\n      }\n    },\n  },\n  methods: {\n    removeTodo(id) {\n      this.todos = this.todos.filter((t) => t.id !== id);\n    },\n    addTodo(todo) {\n      this.todos.push(todo);\n    },\n  },\n  components: {\n    TodoList,\n    AddTodo,\n    Loader,\n  },\n};\n</script>\n\n<style scoped>\nselect {\n  margin-right:100px;\n}\n</style>\n"],"sourceRoot":"src/views"}]}