Как использовать vuei18n-po?

я не могу найти учебник по использованию пакета vuei18n-po в vue main.ts.

Документация по нему небольшая и плохо описана.

enter image description here

https://www.npmjs.com/package/vuei18n-po.

Я никогда не использовал что-то подобное внутри инициализации приложения в vue, поэтому это действительно сложно.

это мой код:

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import "jquery";
import "bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
import vuei18nPo from "vuei18n-po";

const app = createApp(App);
await vuei18nPo({
  po: ["django.po", "../../backend/locale/pl/LC_MESSAGES/django.po"],
  messagesFile: "generated/allInOne.json",
  messagesDir: "generated",
});

app.use(router);

app.mount("#app");

В моем коде я не использовал опцию plug it in, потому что я хотел сначала сгенерировать его.

EDIT Я обнаружил эту ошибку на localhost

Модуль "fs" был экстернализирован для совместимости с браузером. Невозможно получить доступ к "fs.realpath" в коде клиента.

Я тоже не понимаю, что это значит.

Вы можете посмотреть ответ в документе

Я не думаю, что этот пакет предназначен для использования кода на стороне клиента в отношении ошибки, особенно потому, что po - это решение на основе графического интерфейса пользователя.

Пакет vuei18n-po предназначен для преобразования некоторых файлов локально с некоторым JS бэкендом, таким как приложение Node.js (это Usage часть в README пакета).

Тогда для второй части (Plug it in) вы можете использовать сгенерированные файлы с i18n установкой для VueJS с обычным пакетом Vue2 для i18n: https://kazupon.github.io/vue-i18n/
. Или с пакетом для Vue3: https://vue-i18n.intlify.dev/

Если это недостаточно понятно, не стесняйтесь читать статьи о том, как настроить i18n в Vue.

В таком случае это проблема из двух шагов. Я рекомендую вам начать с простого примера 2 небольших JSON файлов в Vue, а затем попробовать преобразовать ваши .po файлы с помощью пакета vuei18n-po.

Вернуться на верх