amend vuex conf

layouts/default.vue

@@ -6,11 +6,11 @@
 
     <main class="min-h-dvh">
       <slot />
-      <div class="fixed bottom-0 right-0 z-50 p-2">
+      <!-- <div class="fixed bottom-0 right-0 z-50 p-2">
         <ButtonCTA @click="changeLang" >
           Cambiar Idioma
         </ButtonCTA>
-      </div> 
+      </div>  -->
     </main>
 
     <footer>
@@ -19,7 +19,7 @@
   </div>
 </template>
 
-<script>
+<!-- <script>
 import { mapGetters, mapActions } from 'vuex';
 
 export default {
@@ -35,4 +35,4 @@ export default {
     }
   }
 }
-</script>
+</script> -->

pages/index.vue

@@ -1,3 +1,8 @@
+<template>
+  <div>
+    <h1>{{ lang }}</h1>
+  </div>
+</template>
 <script>
 export default {
   data() {

plugins/vuex.client.js

@@ -1,5 +1,7 @@
 import { kitecosocialStore } from '~/store/index';
 
 export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(kitecosocialStore);
+  const store = kitecosocialStore()
+  nuxtApp.vueApp.use(store)
+  nuxtApp.provide('store', store)
 });

plugins/vuex.server.js

@@ -0,0 +1,7 @@
+import { kitecosocialStore } from '~/store/index';
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const store = kitecosocialStore()
+  nuxtApp.vueApp.use(store)
+  nuxtApp.provide('store', store)
+});

store/index.js

@@ -1,8 +1,9 @@
 import { createStore } from 'vuex';
 import { langcodeModule } from './langcode';
 
-export const kitecosocialStore = createStore({
+export const kitecosocialStore = () => 
+createStore({
   modules: {
     langcode: langcodeModule,
   },
-});
+});