Inertia I18n

Installation

composer require evo-mark/inertia-i18n

npm install ./vendor/evo-mark/inertia-i18n
--
pnpm add file:vendor/evo-mark/inertia-i18n

import InertiaI18n from "inertia-i18n/vite";

export default {
  plugins: [InertiaI18n()],
};

import useInertiaI18nVue from "inertia-i18n/vue";

createInertiaApp({
  async setup({ el, App, props, plugin }) {
    const inertiaI18nPlugin = useInertiaI18nVue(props);
    // Optional, but you may get warnings without this
    await inertiaI18nPlugin.load();

    createSSRApp({ render: () => h(App, props) })
      .use(plugin)
      .use(inertiaI18nPlugin)
      .mount(el);
  },
});

Usage

After installation, you can use your frontend localisation package as usual:

<template>
  <div>{{ $t('messages.hello_world') }}</div>
</template>

OR

<script setup>
import { useI18n } from 'vue-i18n';

const { t } = useI18n();
const translated = computed(() => t('message.hello_world));
</script>

See the documentation for the respective frontend packages for more information:

Vue: vue-i18n