ເຮັດໃຫ້ເວັບ Nuxt ສອງພາສາຢ່າງແທ້ຈິງ

ເວັບໄຊສ່ວນຫຼາຍທີ່ບອກວ່າເປັນສອງພາສາ ພຽງແຕ່ແປສ່ວນຕິດຕໍ່ຜູ້ໃຊ້ແລ້ວກໍຢຸດ. ເມື່ອປ່ຽນເປັນພາສາລາວ ເມນູປ່ຽນ ແຕ່ບົດຄວາມ, ສິນຄ້າ ແລະ ຜົນງານ ຍັງເປັນພາສາອັງກິດຢູ່. ເປືອກນອກຖືກແປ ແຕ່ເນື້ອໃນບໍ່ໄດ້ແປ.

ອອກແບບເນື້ອຫາເປັນຄູ່ ບໍ່ແມ່ນເປັນສະຕຣິງ

ເຄັດລັບຄື ຢຸດເບິ່ງຫົວຂໍ້ເປັນສະຕຣິງ ແລ້ວເບິ່ງມັນເປັນຄ່າທີ່ມີໜຶ່ງຮູບແບບຕໍ່ໜຶ່ງພາສາ. ທຸກໆຊ່ອງທີ່ຜູ້ອ່ານເຫັນ ກາຍເປັນອອບເຈັກນ້ອຍໆ ແລ້ວໃຊ້ composable ແປງມັນຕາມພາສາທີ່ກຳລັງໃຊ້ຢູ່.

interface Localized { en: string; lo: string }

const pick = (v: Localized, locale: string) =>
  locale === 'lo' ? v.lo : v.en

export const useArticles = () => {
  const { locale } = useI18n()
  return computed(() =>
    articles.map(a => ({ ...a, title: pick(a.title, locale.value) })),
  )
}

ບັກທີ່ທຸກຄົນມັກປ່ອຍອອກ

ນີ້ຄືບັກທີ່ກັດເຈັບ: ຕົວກັ່ນຕອງໝວດໝູ່ທີ່ເກັບປ້າຍຊື່ທີ່ຜູ້ໃຊ້ກົດ. ເລືອກ 'ລະບົບຄຸ້ມຄອງ' ແລ້ວປ່ຽນເປັນພາສາອັງກິດ ລາຍການຈະສະແດງເປັນປ້າຍພາສາອັງກິດ — ແຕ່ຕົວກັ່ນຕອງຍັງຖືສະຕຣິງພາສາລາວຢູ່. ຈຶ່ງບໍ່ກົງກັນຈັກອັນ ແລະ ໜ້າເວັບຫວ່າງເປົ່າ. ໃຫ້ກັ່ນຕອງດ້ວຍ key ທີ່ຄົງທີ່ ແລະ ສະແດງປ້າຍທີ່ແປແລ້ວ; ຢ່າປຽບທຽບກັບສິ່ງທີ່ເຫັນຢູ່ໜ້າຈໍ.