title: How to re render component once store data is updated via api svelte?
body: <p>I have a svelte store where I keep some dummy data in variable named tasks. I also fetch new data with API inside the store using Axios. then push new data in tasks variable. can read proper data in component but the data from api does not render.</p>
  <pre><code>
  import { writable } from &quot;svelte/store&quot;;
  import config from &quot;../../config&quot;;
  import axios from &quot;axios&quot;;
  
  let tasks = [
    {
      // this is what api fetches.
      id: 500,
      name: &quot;task 500&quot;,
      status: 0,
    },
  ];
  
  axios
    .get(config.API_URL + &quot;task&quot;)
    .then(function (response) {
      response.data.tasks.forEach((task) =&gt; {
        tasks.push(task);
        tasks = tasks;
      });
    })
    .catch(function (error) {
      console.log(&quot;something went wrong&quot;);
    });
  
  // console.log(tasks);
  
  const Tasks = writable(tasks);
  
  export default Tasks;
  
  </code></pre>
  <p>i need to somehow how tasks list in component using automatic or manual rerender. or any other way its posible. the tasks data in component is logging fine but component view is not updating.</p>