title: Vuex Classic mode for store/ is deprecated and will be removed in Nuxt 3
body: <p>I have below files and could not find the reason for warning "Classic mode for store/ is deprecated and will be removed in Nuxt 3". Everything works fine just getting that annoying warning.</p>
  
  <p><strong><em>modules/data.js</em></strong> file in store of nuxt.js.</p>
  
  <pre><code>    const state = () =&gt; ({
        loadedPosts: []
      });
  
      const mutations = {
        setPosts(state, posts){
          state.loadedPosts = posts;
        }
      };
  
      const actions = {
        setPosts(vuexContext, posts){
          vuexContext.commit('setPosts', posts);
        }
      };
  
      const getters = {
        loadedPosts(state){
          return state.loadedPosts;
        }
      };
  
      export default {
        state,
        actions,
        getters,
        mutations
      };
  </code></pre>
  
  <p><strong><em>index.js</em></strong> file in store of nuxt.js.</p>
  
  <pre><code>import Vuex from 'vuex';
  import data from "~/store/modules/data";
  
  const createStore = () =&gt; {
    return new Vuex.Store({
      modules: {
        data: {
          namespaced: true,
          ...data
        }
      }
    });
  };
  
  export default createStore;
  </code></pre>