pull the latest main (#4)

* add canonical back

* feat(new-tool): added unicode conversion utilities (CorentinTh#858)

* feat: add Text to Unicode tool

* Update src/tools/text-to-unicode/index.ts

---------

Co-authored-by: Corentin THOMASSET <[email protected]>

* feat(new-tool): yaml formater (CorentinTh#779)

* validating if yaml is correct and collecting format options

* Formatting yaml, sorting keys and changing indent size.

* Removed unused format options

* Fixed lint errors

* Installed types for js-yaml

* Removed legacy routing and added tool creation date

Co-authored-by: Corentin THOMASSET <[email protected]>

* Using existing yaml package instead of js-yaml

* Update src/tools/yaml-viewer/index.ts

---------

Co-authored-by: Isaiah <[email protected]>
Co-authored-by: Corentin THOMASSET <[email protected]>

* feat(i18n): added ukrainian language (CorentinTh#827)

Added Ukrainian language

* feat(i18n): added portuguese language (CorentinTh#813)

* feat(i18n): added spanish language (CorentinTh#854)

* spanish

translation

* Create es.yaml

* refactor(i18n): added locales per tool (CorentinTh#861)

* feat(i18n): added vietnamese language (CorentinTh#859)

* feat(i18n): added missing locale files in tools (CorentinTh#863)

---------

Co-authored-by: hieudt-2054 <[email protected]>
Co-authored-by: Corentin THOMASSET <[email protected]>
Co-authored-by: Isaiah <[email protected]>
Co-authored-by: Isaiah <[email protected]>
Co-authored-by: Nikitin Roman <[email protected]>
Co-authored-by: Marcelo Gonçalves <[email protected]>
Co-authored-by: Raúl Mora <[email protected]>

Author: 7 people

components.d.ts

@@ -91,7 +91,6 @@ declare module '@vue/runtime-core' {
     'IconMdi:contentCopy': typeof import('~icons/mdi/content-copy')['default']
     'IconMdi:kettleSteamOutline': typeof import('~icons/mdi/kettle-steam-outline')['default']
     IconMdiArrowDown: typeof import('~icons/mdi/arrow-down')['default']
-    IconMdiArrowRight: typeof import('~icons/mdi/arrow-right')['default']
     IconMdiArrowRightBottom: typeof import('~icons/mdi/arrow-right-bottom')['default']
     IconMdiCamera: typeof import('~icons/mdi/camera')['default']
     IconMdiChevronDown: typeof import('~icons/mdi/chevron-down')['default']
@@ -171,8 +170,6 @@ declare module '@vue/runtime-core' {
     NTable: typeof import('naive-ui')['NTable']
     NTag: typeof import('naive-ui')['NTag']
     NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default']
-    NUpload: typeof import('naive-ui')['NUpload']
-    NUploadDragger: typeof import('naive-ui')['NUploadDragger']
     OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']
     PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default']
     PdfSignatureChecker: typeof import('./src/tools/pdf-signature-checker/pdf-signature-checker.vue')['default']
@@ -197,6 +194,7 @@ declare module '@vue/runtime-core' {
     TextStatistics: typeof import('./src/tools/text-statistics/text-statistics.vue')['default']
     TextToBinary: typeof import('./src/tools/text-to-binary/text-to-binary.vue')['default']
     TextToNatoAlphabet: typeof import('./src/tools/text-to-nato-alphabet/text-to-nato-alphabet.vue')['default']
+    TextToUnicode: typeof import('./src/tools/text-to-unicode/text-to-unicode.vue')['default']
     TokenDisplay: typeof import('./src/tools/otp-code-generator-and-validator/token-display.vue')['default']
     'TokenGenerator.tool': typeof import('./src/tools/token-generator/token-generator.tool.vue')['default']
     TomlToJson: typeof import('./src/tools/toml-to-json/toml-to-json.vue')['default']
@@ -213,5 +211,6 @@ declare module '@vue/runtime-core' {
     XmlFormatter: typeof import('./src/tools/xml-formatter/xml-formatter.vue')['default']
     YamlToJson: typeof import('./src/tools/yaml-to-json-converter/yaml-to-json.vue')['default']
     YamlToToml: typeof import('./src/tools/yaml-to-toml/yaml-to-toml.vue')['default']
+    YamlViewer: typeof import('./src/tools/yaml-viewer/yaml-viewer.vue')['default']
   }
 }

locales/es.yaml

@@ -0,0 +1,71 @@
+home:
+  categories:
+    newestTools: Nuevas herramientas
+    favoriteTools: 'Tus herramientas favoritas'
+    allTools: 'Todas las herramientas'
+  subtitle: 'Herramientas practicas para desarrolladores'
+  toggleMenu: 'Toggle menu'
+  home: Home
+  uiLib: 'UI Lib'
+  support: 'Apoyar el desarrollo de IT-Tools'
+  buyMeACoffee: 'Buy me a coffee'
+  follow:
+    title: 'Te gustan las it-tools?'
+    p1: 'Danos una estrella en'
+    githubRepository: 'Repositorio de IT-Tools en GitHub'
+    p2: 'o síguenos en'
+    twitterAccount: 'Cuenta de twitter de IT-Tools'
+    thankYou: 'Muchas gracias!'
+  nav:
+    github: 'Repositorio en github'
+    githubRepository: 'IT-Tools GitHub repository'
+    twitter: 'Cuenta de Twitter'
+    twitterAccount: 'Cuenta de twitter de IT Tools'
+    about: 'Sobre  IT-Tools'
+    aboutLabel: 'Sobre'
+    darkMode: 'Modo obscuro'
+    lightMode: 'Modo claro'
+    mode: 'Alternar modo oscuro/claro'
+about:
+  content: >
+    # Sobre IT-Tools
+
+    Este maravilloso sitio web, hecho con ❤ por [Corentin Thomasset](https://github.com/CorentinTh) , agrega herramientas útiles para desarrolladores y personas que trabajan en IT. Si lo encuentra útil, no dude en compartirlo con las personas que crea que también pueden encontrarlo útil y ¡no olvide marcarlo como favorito en su barra de accesos directos!
+
+    IT Tools es de código abierto (under the MIT license) y gratis, y siempre lo será, pero me cuesta dinero alojar y renovar el nombre de dominio. Si desea apoyar mi trabajo y animarme a agregar más herramientas, considere apoyarme a través de[sponsoring me](https://www.buymeacoffee.com/cthmsst).
+
+    ## Tecnologías
+
+    IT Tools está creado en Vue.js (Vue 3) con la biblioteca de componentes Naive UI y Vercel lo aloja y lo implementa continuamente. En algunas herramientas se utilizan bibliotecas de código abierto de terceros; puede encontrar la lista completa en [package.json](https://github.com/CorentinTh/it-tools/blob/main/package.json) archivo del repositorio.
+
+    ## ¿Encontraste un error? ¿Falta una herramienta?
+    
+    Si necesita una herramienta que actualmente no está presente aquí y cree que puede ser útil, puede enviar una solicitud de función en el [issues section](https://github.com/CorentinTh/it-tools/issues/new/choose) en el repositorio de GitHub.
+
+    Y si encontró un error o algo no funciona como se esperaba, presente un reporte de error en el [issues section](https://github.com/CorentinTh/it-tools/issues/new/choose) en el repositorio de GitHub.
+
+404:
+  notFound: '404 Not Found'
+  sorry: 'Lo sentimos, esta página no parece existir'
+  maybe: 'Tal vez el caché esté haciendo cosas raras, ¿probamos a refrescar forzosamente?'
+  backHome: 'Back home'
+favoriteButton:
+  remove: 'Quitar de favoritos'
+  add: 'Añadir a favoritos'
+toolCard:
+  new: Nuevo
+search:
+  label: Buscar
+tools:
+  categories:
+    favorite-tools: 'Tus herramientas favoritas'
+    crypto: Crypto
+    converter: Converter
+    web: Web
+    images and videos: 'Images & Videos'
+    development: Development
+    network: Network
+    math: Math
+    measurement: Measurement
+    text: Text
+    data: Data

locales/pt.yml

@@ -0,0 +1,71 @@
+home:
+  categories:
+    newestTools: 'Novas ferramentas'
+    favoriteTools: 'Suas ferramentas favoritas'
+    allTools: 'Todas as ferramentas'
+  subtitle: 'Ferraentas úteis para desenvolvedores'
+  toggleMenu: 'Menu'
+  home: 'Início'
+  uiLib: 'Biblioteca de UI'
+  support: 'Apoie o desenvolvimento do IT Tools'
+  buyMeACoffee: 'Pague-me um café'
+  follow:
+    title: 'Gostou do it-tools?'
+    p1: 'Dê uma estrela no'
+    githubRepository: 'repositório do IT-Tools no GitHub'
+    p2: 'ou siga nossa'
+    twitterAccount: 'conta IT-Tools no Twitter'
+    thankYou: 'Obrigado !'
+  nav:
+    github: 'Repositório no GitHub'
+    githubRepository: 'repositório do IT-Tools no GitHub'
+    twitter: 'Conta no Twitter'
+    twitterAccount: 'conta do IT Tools no Twitter'
+    about: 'Sobre o IT-Tools'
+    aboutLabel: 'Sobre'
+    darkMode: 'Modo Escuro'
+    lightMode: 'Modo Claro'
+    mode: 'Trocar modo escuro/claro'
+about:
+  content: >
+    # Sobre o IT-Tools
+
+    Este site maravilhoso, feito com ❤ por [Corentin Thomasset](https://github.com/CorentinTh), junta ferramentas úteis para desenvolvedores e outras pessoas que trabalham com TI. Se você achar o site útil, fique à vontade para compartilhar com quem também possa gostar e não esqueça de salvar o bookmark na sua barra de atalhos!
+
+    O IT Tools é código aberto (sob a licença MIT), é gratuito, e sempre será, mas custa dinheiro para hospedar e renovar o domínio. Se quiser apoiar meu trabalho e me encorajar a adicionar mais ferramentas, por favor considere [ser patrocinador](https://www.buymeacoffee.com/cthmsst).
+
+    ## Tecnologias
+
+    O IT Tools é feito em Vue.js (Vue 3) com a biblioteca de componentes Naive UI e é hospedado pela Vercel. Bibliotecas de código aberto de terceiros são usadas em algumas ferramentas e você pode encontrar a lista completa no arquivo [package.json](https://github.com/CorentinTh/it-tools/blob/main/package.json) do repositório.
+
+    ## Achou um bug? Está faltando uma ferramenta?
+
+    Se você precisa de uma ferramenta que ainda não existe aqui e acha que pode ser útil, seu pedido será bem vindo na [seção de issues](https://github.com/CorentinTh/it-tools/issues/new/choose) no repositório do GitHub.
+
+    E se você encontrar um bug ou se algo não funcionar como esperado, por favor registre um relato de bug na [seção de issues](https://github.com/CorentinTh/it-tools/issues/new/choose) no GitHub.
+
+404:
+  notFound: '404 Não Encontrado'
+  sorry: 'Desculpe, parece que essa página não existe'
+  maybe: 'Talvez o cache esteja fazendo bobagem, que tal tentar forçar a atualização?'
+  backHome: 'Voltar para o início'
+favoriteButton:
+  remove: 'Remover dos favoritos'
+  add: 'Adicionar aos favoritos'
+toolCard:
+  new: 'Novo'
+search:
+  label: 'Pesquisar'
+tools:
+  categories:
+    favorite-tools: 'Suas ferramentas favoritas'
+    crypto: 'Cripto'
+    converter: 'Conversores'
+    web: 'Web'
+    images and videos: 'Imagens & Vídeos'
+    development: 'Desenvolvimento'
+    network: 'Rede'
+    math: 'Matemática'
+    measurement: 'Medidas'
+    text: 'Texto'
+    data: 'Dados'

locales/uk.yml

@@ -0,0 +1,71 @@
+home:
+  categories:
+    newestTools: Найновіші інструменти
+    favoriteTools: 'Ваші улюблені інструменти'
+    allTools: 'Усі інструменти'
+  subtitle: 'Зручні інструменти для розробників'
+  toggleMenu: 'Перемикання меню'
+  home: Головна
+  uiLib: 'UI Бібліотека'
+  support: 'Підтримка розробки IT Tools'
+  buyMeACoffee: 'Купи мені каву'
+  follow:
+    title: 'Вам подобаються інструменти IT?'
+    p1: 'Додайте нам зірку на'
+    githubRepository: 'GitHub-репозиторій IT-Tools'
+    p2: 'або слідкуйте за нами на'
+    twitterAccount: 'Твіттер-акаунт IT-Tools'
+    thankYou: 'Дякуємо!'
+  nav:
+    github: 'GitHub-репозиторій'
+    githubRepository: 'GitHub-репозиторій IT-Tools'
+    twitter: 'Твіттер'
+    twitterAccount: 'Твіттер-акаунт IT-Tools'
+    about: 'Про IT-Tools'
+    aboutLabel: 'Про нас'
+    darkMode: 'Темний режим'
+    lightMode: 'Світлий режим'
+    mode: 'Перемикання темного/світлого режиму'
+about:
+  content: >
+    # Про IT-Tools
+
+    Цей чудовий вебсайт, створений з ❤ [Corentin Thomasset](https://github.com/CorentinTh), агрегує корисні інструменти для розробників і людей, які працюють в сфері IT. Якщо вам це корисно, будь ласка, поділіться цим з людьми, які, на вашу думку, також можуть знайти його корисним, і не забудьте додати його до закладок у вашій панелі швидкого доступу!
+
+    IT Tools є відкритим програмним забезпеченням (під ліцензією MIT) і безкоштовним, і завжди буде таким, але мені коштує гроші для хостингу і продовження доменного імені. Якщо ви хочете підтримати мою роботу і підтримати мене у додаванні нових інструментів, розгляньте можливість підтримки, [спонсоруючи мене](https://www.buymeacoffee.com/cthmsst).
+
+    ## Технології
+
+    IT Tools виконаний на Vue.js (Vue 3) з використанням бібліотеки компонентів Naive UI і розгортаний за допомогою Vercel. У деяких інструментах використовуються сторонні відкриті бібліотеки, повний список яких ви можете знайти в файлі [package.json](https://github.com/CorentinTh/it-tools/blob/main/package.json) репозиторію.
+
+    ## Знайшли баг? Відсутній інструмент?
+
+    Якщо вам потрібен інструмент, якого наразі немає тут, і ви вважаєте, що він може бути корисним, ви можете подати запит на додавання функції в [розділі проблем](https://github.com/CorentinTh/it-tools/issues/new/choose) у репозиторії GitHub.
+
+    А якщо ви знайшли баг або щось не працює, як очікувалося, будь ласка, подайте звіт про баг в [розділі проблем](https://github.com/CorentinTh/it-tools/issues/new/choose) у репозиторії GitHub.
+
+404:
+  notFound: '404 Сторінка не знайдена'
+  sorry: 'Вибачте, ця сторінка, схоже, не існує'
+  maybe: 'Можливо, кеш робить хитрощі, спробуйте примусово оновити сторінку?'
+  backHome: 'Повернутися на головну'
+favoriteButton:
+  remove: 'Вилучити з обраних'
+  add: 'Додати до обраних'
+toolCard:
+  new: Новий
+search:
+  label: Пошук
+tools:
+  categories:
+    favorite-tools: 'Ваші улюблені інструменти'
+    crypto: Крипта
+    converter: Конвертер
+    web: Веб
+    images and videos: 'Зображення та відео'
+    development: Розробка
+    network: Мережа
+    math: Математика
+    measurement: Вимірювання
+    text: Текст
+    data: Дані

locales/vi.yml

@@ -0,0 +1,71 @@
+home:
+  categories:
+    newestTools: Công cụ mới nhất
+    favoriteTools: 'Công cụ yêu thích của bạn'
+    allTools: 'Tất cả công cụ'
+  subtitle: 'Công cụ tiện ích cho nhà phát triển'
+  toggleMenu: 'Chuyển đổi menu'
+  home: Trang chủ
+  uiLib: 'Thư viện UI'
+  support: 'Hỗ trợ phát triển IT Tools'
+  buyMeACoffee: 'Ủng hộ tác giả'
+  follow:
+    title: 'Bạn thích IT-tools?'
+    p1: 'Hãy cho chúng tôi một ngôi sao trên'
+    githubRepository: 'Kho GitHub IT-Tools'
+    p2: 'hoặc theo dõi chúng tôi trên'
+    twitterAccount: 'Tài khoản Twitter IT-Tools'
+    thankYou: 'Cảm ơn bạn!'
+  nav:
+    github: 'Kho GitHub'
+    githubRepository: 'Kho GitHub IT-Tools'
+    twitter: 'Tài khoản Twitter'
+    twitterAccount: 'Tài khoản Twitter IT Tools'
+    about: 'Về IT-Tools'
+    aboutLabel: 'Giới thiệu'
+    darkMode: 'Chế độ tối'
+    lightMode: 'Chế độ sáng'
+    mode: 'Chuyển đổi chế độ tối/sáng'
+about:
+  content: >
+    # Về IT-Tools
+
+    Website tuyệt vời này, được tạo ra bằng ❤ bởi [Corentin Thomasset](https://github.com/CorentinTh), tổng hợp các công cụ hữu ích cho nhà phát triển và những người làm việc trong lĩnh vực IT. Nếu bạn thấy nó hữu ích, xin đừng ngần ngại chia sẻ cho những người mà bạn nghĩ sẽ thấy nó hữu ích và đừng quên đánh dấu nó trong thanh lối tắt của bạn!
+
+    IT Tools là mã nguồn mở (dưới giấy phép MIT) và miễn phí, và sẽ luôn như vậy, nhưng tôi phải trả tiền để lưu trữ và gia hạn tên miền. Nếu bạn muốn hỗ trợ công việc của tôi, và khích lệ tôi thêm nhiều công cụ hơn, hãy xem xét hỗ trợ bằng cách [tài trợ cho tôi](https://www.buymeacoffee.com/cthmsst).
+
+    ## Công nghệ
+
+    IT Tools được tạo ra bằng Vue.js (Vue 3) với thư viện thành phần Naive UI và được lưu trữ và triển khai liên tục bởi Vercel. Các thư viện mã nguồn mở của bên thứ ba được sử dụng trong một số công cụ, bạn có thể tìm danh sách đầy đủ trong file [package.json](https://github.com/CorentinTh/it-tools/blob/main/package.json) của kho lưu trữ.
+
+    ## Phát hiện lỗi? Một công cụ bị thiếu?
+
+    Nếu bạn cần một công cụ hiện không có ở đây, và bạn nghĩ rằng nó có thể hữu ích, bạn được chào đón để gửi một yêu cầu tính năng trong [phần vấn đề](https://github.com/CorentinTh/it-tools/issues/new/choose) trong kho GitHub.
+
+    Và nếu bạn phát hiện ra một lỗi, hoặc điều gì đó không hoạt động như mong đợi, xin vui lòng gửi báo cáo lỗi trong [phần vấn đề](https://github.com/CorentinTh/it-tools/issues/new/choose) trong kho GitHub.
+
+404:
+  notFound: '404 Không Tìm Thấy'
+  sorry: 'Xin lỗi, trang này dường như không tồn tại'
+  maybe: 'Có thể bộ nhớ đệm đang làm những điều kỳ lạ, thử làm mới cưỡng bức?'
+  backHome: 'Quay về trang chủ'
+favoriteButton:
+  remove: 'Xóa khỏi mục yêu thích'
+  add: 'Thêm vào mục yêu thích'
+toolCard:
+  new: Mới
+search:
+  label: Tìm kiếm
+tools:
+  categories:
+    favorite-tools: 'Công cụ yêu thích của bạn'
+    crypto: Crypto
+    converter: Chuyển đổi
+    web: Web
+    images and videos: 'Hình ảnh & Video'
+    development: Phát triển
+    network: Mạng
+    math: Toán học
+    measurement: Đo lường
+    text: Văn bản
+    data: Dữ liệu

scripts/build-locales-files.mjs

@@ -0,0 +1,61 @@
+import { existsSync, writeFileSync } from 'node:fs';
+import { Glob } from 'bun';
+import _ from 'lodash';
+
+async function getPathsFromGlobs({ patterns, onlyFiles = true }) {
+  const filePaths = [];
+
+  for (const pattern of patterns) {
+    const glob = new Glob(pattern);
+
+    for await (const filePath of glob.scan({ onlyFiles, cwd: '.' })) {
+      filePaths.push(filePath);
+    }
+  }
+
+  return { filePaths };
+}
+
+function getLocaleKey({ filePath }) {
+  const fileName = filePath.split('/').pop();
+  return fileName.replace(/\.yml$/, '');
+}
+
+async function createMissingLocaleFile({ localeKey }) {
+  const fileName = `${localeKey}.yml`;
+
+  const { filePaths: localesDirs } = await getPathsFromGlobs({
+    patterns: [
+      'locales',
+      'src/tools/*/locales',
+    ],
+    onlyFiles: false,
+  });
+
+  for (const localesDir of localesDirs) {
+    const filePath = `${localesDir}/${fileName}`;
+
+    if (existsSync(filePath)) {
+      console.log(`Locale file already exists: ${filePath}`);
+      continue;
+    }
+
+    console.log(`Creating missing locale file: ${filePath}`);
+    writeFileSync(filePath, '', 'utf8');
+  }
+}
+
+const { filePaths } = await getPathsFromGlobs({
+  patterns: [
+    'locales/*.yml',
+    'src/tools/*/locales/*.yml',
+  ],
+});
+
+await Promise.all(
+  _.chain(filePaths)
+    .map(filePath => getLocaleKey({ filePath }))
+    .uniq()
+    .map(localeKey => createMissingLocaleFile({ localeKey }))
+    .value(),
+);

src/modules/i18n/components/locale-selector.vue

@@ -7,7 +7,9 @@ const localesLong: Record<string, string> = {
   fr: 'Français',
   pt: 'Português',
   ru: 'Русский',
+  uk: 'Українська',
   zh: '中文',
+  vi: 'Tiếng Việt',
 };
 
 const localeOptions = computed(() =>