كيف أجعل خيارات اللغة في momentjs تظهر باللغة العربية في Nuxt.js؟

حاول إستيراد ملف اللغة من المجلد dist بالشكل التالي:

import moment from "moment"
import "moment/dist/locale/ar"
moment.locale("ar");

بإمكانك أيضاً استعمال وحدة Day.js Nuxt Module و في التوثيق طريقة التثبيت و إعدادها لتعمل مع nuxt، إضافة اللغات و تعيين اللغة الإفتراضية.

المشكلة تكمن في أنك تقوم بتعيين لغة momentjs في الكود الخاص بك، ولكن Nuxt.js يعيد تعيين اللغة إلى اللغة الافتراضية، وهي الإنجليزية، عند تحميل الصفحة.

عليك باستخدام مكون nuxt-community/moment-module الذي يوفر تكاملًا أكثر كفاءة مع Nuxt.js، ولإضافة  المكون إلى مشروعك، قم بتنفيذ الأمر التالي في سطر الأوامر:

npm i nuxt-community/moment-module

ثم أضف المكون إلى قسم modules في ملف nuxt.config.js الخاص بك:

module.exports = {
  modules: [
    // ...
    'nuxt-community/moment-module',
  ],
};

بعد ذلك، تستطيع استخدام الطريقة moment.locale() لتحديد اللغة التي تريدها.

وهناك طريقة أخرى عن طريق فتح ملف nuxt.config.js وابحث عن قسم i18n ثم أضف الإعداد التالي إلى القسم:

i18n: {
  defaultLocale: 'ar',
},

وسيؤدي ذلك  إلى جعل اللغة الافتراضية لـ Nuxt.js هي العربية.

ويمكنك أيضًا استخدام الطريقة التالية لإعادة تعيين لغة momentjs بعد تحميل الصفحة:

افتح ملف main.js وابحث عن الدالة bootstrap() ثم أضف الكود التالي إليها:

import moment from "moment";
import "moment/locale/ar";

async function bootstrap() {
  await app.ready();

  moment.locale("ar");
}

مما سيؤدي إلى إعادة تعيين لغة momentjs إلى العربية بعد تحميل الصفحة.

بتاريخ On 14‏/9‏/2023 at 06:43 قال سمير عبود:

حاول إستيراد ملف اللغة من المجلد dist بالشكل التالي:

import moment from "moment"
import "moment/dist/locale/ar"
moment.locale("ar");

بإمكانك أيضاً استعمال وحدة Day.js Nuxt Module و في التوثيق طريقة التثبيت و إعدادها لتعمل مع nuxt، إضافة اللغات و تعيين اللغة الإفتراضية.

اخي استعملت مكتبة dayjs وظهر التوقيت بالعربية، ولكن لدي سؤال اخر وهو

استعملت هذا الكود dayjs(mailDate).format("D-M-YYYY mm:hh a")

ولكن يظهر مكان a am  وليس كلمة او حرف ص

كيف اعدل هذا الشيء ؟