composer require evo-mark/inertia-i18n
npm install ./vendor/evo-mark/inertia-i18n
--
pnpm add ./vendor/evo-mark/inertia-i18n
import InertiaI18n from "inertia-i18n/vite";
export default {
plugins: [InertiaI18n()],
};
import useInertiaI18nVue from "inertia-i18n/vue";
createInertiaApp({
setup({ el, App, props, plugin }) {
const inertiaI18nPlugin = useInertiaI18nVue(props);
createSSRApp({ render: () => h(App, props) })
.use(plugin)
.use(inertiaI18nPlugin)
.mount(el);
},
});
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