nosotras page

layouts/default.vue

@@ -6,6 +6,11 @@
 
     <main class="min-h-dvh">
       <slot />
+      <div class="fixed bottom-0 right-0 z-50 p-2">
+        <ButtonCTA @click="changeLang" >
+          Cambiar Idioma
+        </ButtonCTA>
+      </div> 
     </main>
 
     <footer>
@@ -13,3 +18,21 @@
     </footer>
   </div>
 </template>
+
+<script>
+import { mapGetters, mapActions } from 'vuex';
+
+export default {
+  computed: {
+    ...mapGetters(['langcode']),
+  },
+  methods: {
+    ...mapActions(['setLangcode']),
+    changeLang() {
+      const newLang = this.langcode === 'es' ? 'cat' : 'es';
+      this.setLangcode(newLang);
+      this.$router.push({ path: `/${newLang}` });
+    }
+  }
+}
+</script>