TGViewer
Александр Белькевич </> Frontend вдохновляет Александр Белькевич </> Frontend вдохновляет @front_everyday · 1.72K subscribers
Post #1254 1.03K
Век живи - век узнавай что-то новое.

Те, кто работают с Vue знают (или должны знать), что использование v-html нежелательно - это небезопасно.

Сейчас занимаюсь новой фичей и сложность, с которой столкнулся - раскрасить другим цветом некоторые части строки, которая лежит в языковом файле. Сама мультиязычность сделана через i18n.

Лет 5 работаю с проектами, на которых много языков, но не знал про такой подход.

<i18n-t 
keypath="some_key"
tag="p"
class="confirm-text">
<template #date>
<span class="highlight">
{{ closingDate }}
</span>
</template>
<template #last_four_digits>
<span class="highlight">
{{ lastFourDigits }}
</span>
</template>
</i18n-t>

В самом переводе есть ключи, в которые вставляется динамическая информация и их можно с помощью <template/> кастомизировать.

Забирайте в копилочку полезных знаний 😊
  • 🔥 12
  • ❤ 10
More from @front_everyday
  1. Sep 30, 2026Ori and the Will of the Wisps - вторая и заключительная часть дилогии. Это глубокая, эмоци…
  2. Sep 30, 2026👨‍💻 Фронтенд с AI: что можно делегировать агентам 5 октября, стартует конференция Podlod…
  3. Sep 26, 2026Давно не рассказывал, во что играю 🙂 Пока был в самолете, начал Cult of the Lamb. Это игр…
  4. Sep 24, 2026https://nodejs.org/docs/latest/api/util.html#utildebouncefn-wait-options В Node JS 26.10 п…
  5. Sep 22, 2026Посмотрел доклад Мо Гавдата (ex-Chief Business Officer Google X) - выступал на deep tech n…
  6. Sep 21, 2026Бывает такое, что запускаешь проект - и порт 3000 занят? А бывает просто работаешь с неско…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →