fetch all the Pokemon and also store them in the local storage

poke-app/src/components/pokemonComp.vue

@@ -17,14 +17,27 @@ export default{
       list:[]
     }
   },
-  methods:{
-    async fetchPokemon(){
-      const url = 'https://pokeapi.co/api/v2/pokemon?limit=151'
-
-      const data = await fetch(url);
-      const pokemon = await data.json();
-      this.list = await pokemon.results;
+  async mounted(){
+    const localData = localStorage.getItem('pokemon')
+    if(localData){
+      this.list = JSON.parse(localData)
+      return console.log("from storage")
     }
+    const url = 'https://pokeapi.co/api/v2/pokemon?limit=151';
+    const data = await fetch(url);
+    const pokemon = await data.json();
+    localStorage.setItem('pokemon',JSON.stringify(pokemon.results))
+    console.log('from fetch')
+    this.list = pokemon.results;
   },
+
+    // async fetchPokemon(){
+    //   const url = 'https://pokeapi.co/api/v2/pokemon?limit=151'
+    //
+    //   const data = await fetch(url);
+    //   const pokemon = await data.json();
+    //   this.list = await pokemon.results;
+    // }
+
 }
 </script>
\ No newline at end of file