title: Vuex/quasar - mutate state from firebase 9 on boot
body: <p>I'm using quasar with firebase 9. I'm trying to set the state with actions during the boot of the project. I have data in firebase that I want to load only once and assign to an array in the Vuex state.
  there might be a way in firebase 8 but I can't solve this problem in the newer version of firebase</p>
  <pre><code>    import { getData } from &quot;src/firebase/config&quot;;
  
  // load data from packages collection
  export const loadPackages = async () =&gt; {
    const packages = await getData(&quot;packages&quot;);
  
      return packages;
  }
  
  // load data from menu collection
  export const loadMenu = async () =&gt; {
    const packages = await getData(&quot;meals-menu&quot;);
  
      return packages;
  }
  </code></pre>
  <p>I use the return of each function in the respective vue component but I want to use the return in mutating the vuex state.</p>
  <p>any tips?</p>
  <p>thank you</p>