title: Where is the state of a Electron-Vue application stored?
body: <p><strong>How and, more to the point, where is state data persisted between sessions?</strong></p>
  
  <p>I followed this tutorial (<a href="https://alligator.io/vuejs/vue-electron/" rel="nofollow noreferrer">https://alligator.io/vuejs/vue-electron/</a>) to create a simple ToDo App using Vue.js in Electron. </p>
  
  <p>After filling in some blanks everything works. However, I'm unable to find where the application state is stored. For example, in Dev mode (<code>npm run dev</code>), if I add some ToDo items and then close the App (and even restart VS Code) the ToDo data is persisted when the App is restarted.</p>
  
  <p>I'm using Win10 and, among other things, have tried searching for files changed within the last 30 minutes (<code>datemodified:‎23/‎09/‎2019 12:30..13:00</code>) but without luck. I've looked in my profile, the App directory, and searched google for clues.</p>
  
  <p>[Edit]</p>
  
  <p>I think it has something to do with this <code>import { createPersistedState, createSharedMutations } from 'vuex-electron'</code> (located in src\renderer\store\index.js) but not much closer to understanding where the state is stored. Yep - I'm pretty new to this.</p>
  
  <hr>
  
  <p><strong>For what it's worth, if you want to follow this tutorial:</strong></p>
  
  <p><strong>Issue 1.</strong> </p>
  
  <blockquote>
    <p>Now that we know how the Vue application is started, let’s take a look at the defined routes within our application. Head over to src/router/index.js:</p>
  </blockquote>
  
  <p>should be: src/<strong><em>renderer</em></strong>/router/index.js: </p>
  
  <p><strong>Issue 2.</strong> In src/renderer/components/LandingPage.vue</p>
  
  <blockquote>
    <pre class="lang-js prettyprint-override"><code>     &lt;div class="todos"&gt;
        &lt;ul&gt;
          &lt;li
            class="todo-item"
            v-for="todo in todos"
            :key="todo.id"
            @click="completeTodo(todo)"&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  </blockquote>
  
  <p>should be:</p>
  
  <pre class="lang-js prettyprint-override"><code>    &lt;div class="todos"&gt;
        &lt;ul&gt;
          &lt;li
            class="todo-item"
            v-for="todo in todos"
            :key="todo.id"
            @click="completeTodo(todo)"&gt;{{todo.name}}&lt;/li&gt;  // {{todo.name}}
        &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>