اذهب إلى المحتوى
  • 0

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

مضحي Modhy

السؤال

اخواني لدي مشروع وثبت فيه مكتبة momentjs

وادرجتها عن طريق الكود بهذه الطريقة

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

عندي عمل فتح الصفحة تظهر خيارات اللغة ( اقصد مثال: منذ ساعة ) باللغة العربية ثم تتحول بعد اكتمال تحميل الصفحة للغة الانجليزية !!!

ما الحل لجعلها تظهر بالعربية ؟

انا استخدم مشروع nuxt3

تم التعديل في بواسطة Mustafa Suleiman
تعديل عنوان السؤال
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

المشكلة تكمن في أنك تقوم بتعيين لغة 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 إلى العربية بعد تحميل الصفحة.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 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  وليس كلمة او حرف ص

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...