Как в Vue 3 сохранить локализацию используя библиотеку i18n

Подключил библиотеку vue-i18n при переходе на другую страницы, выбранный язык меняется, как сделать так, чтобы язык запоминался. main.js

import "bootstrap/dist/css/bootstrap.css";
import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import { createI18n } from "vue-i18n";

const i18n = createI18n({
    locale: 'en',
    fallbackLocale: 'de',
    messages: store.state.localization
});

const app = createApp(App);
app.use(i18n);
app.use(router);
app.use(store);
app.mount("#app");

import "bootstrap/dist/js/bootstrap.js";

смена языка происходит в этом методе:

methods: {
    onDropdownChange(event){
      this.$root.$i18n.locale = event;
    }
  }

Но когда перехожу на другую страницу, язык меняется обратно на стандартный. Как запомнить выбранный? p.s. У меня только один вариант, это писать в куки и на каждой странице его переключать на выбранный.