@jjlmoya/utils-tools 1.13.0 → 1.14.0

package/src/tool/speed-reader/i18n/sv.ts

@@ -110,7 +110,7 @@ export const content: ToolLocaleContent<SpeedReaderUI> = {
           icon: 'mdi:speedometer-slow',
           title: 'Kognitiv tystnad',
           highlight: true,
-          description: 'Över 400-500 WPM tystnar din inre röst — den hinner inte med. Du slutar "höra" det du läser och börjar "se" rena betydelser och koncept. Detta är det ultimata flow-tillståndet.',
+          description: 'Över 400-500 WPM tystnar din inre röst - den hinner inte med. Du slutar "höra" det du läser och börjar "se" rena betydelser och koncept. Detta är det ultimata flow-tillståndet.',
         },
         {
           icon: 'mdi:brain',
@@ -132,7 +132,7 @@ export const content: ToolLocaleContent<SpeedReaderUI> = {
         {
           title: 'Nivå 2: Ljudvallen (400 till 500 WPM)',
           highlight: true,
-          description: 'Det är här magin händer. Du kommer att känna obehag. Sänk inte farten när du missar ett ord — din hjärna kommer att lära sig att fylla i luckor från sammanhanget.',
+          description: 'Det är här magin händer. Du kommer att känna obehag. Sänk inte farten när du missar ett ord - din hjärna kommer att lära sig att fylla i luckor från sammanhanget.',
           points: ['Subvokalisering försvinner', 'Mentalt flow-tillstånd', 'Fördubbla din bashastighet'],
         },
         {

package/src/tool/speed-reader/i18n/zh.ts

@@ -94,7 +94,7 @@ export const content: ToolLocaleContent<SpeedReaderUI> = {
     },
     {
       type: 'tip',
-      html: '“RSVP 阅读不仅仅是读得更快。它是消除了文本和大脑之间的机械摩擦。”',
+      html: '"RSVP 阅读不仅仅是读得更快。它是消除了文本和大脑之间的机械摩擦。"',
     },
     { type: 'title', level: 3, text: '数据注入背后的科学' },
     {
@@ -110,7 +110,7 @@ export const content: ToolLocaleContent<SpeedReaderUI> = {
           icon: 'mdi:speedometer-slow',
           title: '认知静默',
           highlight: true,
-          description: '当速度高于 400-500 WPM 时，您的内心声音会保持安静——它跟不上速度。您不再“听到”您所读的内容，而是开始“看到”纯粹的含义和概念。这是终极的心流状态。',
+          description: '当速度高于 400-500 WPM 时，您的内心声音会保持安静-它跟不上速度。您不再"听到"您所读的内容，而是开始"看到"纯粹的含义和概念。这是终极的心流状态。',
         },
         {
           icon: 'mdi:brain',
@@ -126,13 +126,13 @@ export const content: ToolLocaleContent<SpeedReaderUI> = {
       items: [
         {
           title: '级别 1：觉醒 (200 到 300 WPM)',
-          description: '您的正常阅读速度。习惯界面。放松脸部，让单词呈现在您面前。不要试图“捕捉”它们。',
+          description: '您的正常阅读速度。习惯界面。放松脸部，让单词呈现在您面前。不要试图"捕捉"它们。',
           points: ['适合初学者', '熟悉 ORP', '无眼部疲劳'],
         },
         {
           title: '级别 2：音障 (400 到 500 WPM)',
           highlight: true,
-          description: '这就是奇迹发生的地方。您会感到不适。错过单词时不要慢下来——您的大脑会学会根据上下文填补空白。',
+          description: '这就是奇迹发生的地方。您会感到不适。错过单词时不要慢下来-您的大脑会学会根据上下文填补空白。',
           points: ['默读消失', '精神心流状态', '两倍基础速度'],
         },
         {

package/src/tool/text-pixel-calculator/i18n/de.ts

@@ -30,7 +30,7 @@ const howToData = [
   { name: 'Text eingeben', text: 'Geben Sie den Text, den Sie messen möchten, in den Eingabebereich ein.' },
   { name: 'Schriftart konfigurieren', text: 'Legen Sie die Schriftfamilie, die Größe in Pixeln, das Gewicht und den Stil (kursiv) fest.' },
   { name: 'Ergebnis ablesen', text: 'Die Pixelbreite und die Zeichenanzahl werden in Echtzeit aktualisiert.' },
-  { name: 'Wert kopieren', text: 'Klicken Sie auf „Breite kopieren“, um die Pixelanzahl in die Zwischenablage zu speichern.' },
+  { name: 'Wert kopieren', text: 'Klicken Sie auf "Breite kopieren", um die Pixelanzahl in die Zwischenablage zu speichern.' },
 ];
 
 const faqSchema: WithContext<FAQPage> = {
@@ -96,7 +96,7 @@ export const content: ToolLocaleContent<TextPixelCalculatorUI> = {
     { type: 'title', level: 3, text: 'Warum das Zählen von Zeichen nicht ausreicht' },
     {
       type: 'paragraph',
-      html: 'Moderne Schriftarten sind <strong>proportional</strong>: Jedes Zeichen hat eine andere Breite. Ein „W“ kann dreimal mehr Platz einnehmen als ein „i“. Die Anzahl der Zeichen sagt nichts über den tatsächlichen visuellen Raum aus, den der Text einnimmt.',
+      html: 'Moderne Schriftarten sind <strong>proportional</strong>: Jedes Zeichen hat eine andere Breite. Ein "W" kann dreimal mehr Platz einnehmen als ein "i". Die Anzahl der Zeichen sagt nichts über den tatsächlichen visuellen Raum aus, den der Text einnimmt.',
     },
     {
       type: 'list',

package/src/tool/text-pixel-calculator/i18n/fr.ts

@@ -96,7 +96,7 @@ export const content: ToolLocaleContent<TextPixelCalculatorUI> = {
     { type: 'title', level: 3, text: 'Pourquoi compter les caractères ne suffit pas' },
     {
       type: 'paragraph',
-      html: 'Les polices modernes sont <strong>proportionnelles</strong> : chaque glyphe a une largeur différente. Un "W" peut occuper trois fois plus de place qu\'un "i". Le nombre de caractères ne vous dit rien sur l\'espace visuel réel occupé par le texte.',
+      html: 'Les polices modernes sont <strong>proportionnelles</strong>: chaque glyphe a une largeur différente. Un "W" peut occuper trois fois plus de place qu\'un "i". Le nombre de caractères ne vous dit rien sur l\'espace visuel réel occupé par le texte.',
     },
     {
       type: 'list',

package/src/tool/text-pixel-calculator/i18n/pl.ts

@@ -10,7 +10,7 @@ const faqData = [
   },
   {
     question: 'Dlaczego szerokość w pikselach różni się między krojami pisma?',
-    answer: 'Większość czcionek jest proporcjonalna, co oznacza, że każdy znak ma inną szerokość. Na przykład wielka litera „M” jest zawsze szersza niż mała litera „i” w standardowej czcionce bezszeryfowej.',
+    answer: 'Większość czcionek jest proporcjonalna, co oznacza, że każdy znak ma inną szerokość. Na przykład wielka litera "M" jest zawsze szersza niż mała litera "i" w standardowej czcionce bezszeryfowej.',
   },
   {
     question: 'Czy mierzenie znaków to to samo co mierzenie pikseli?',
@@ -30,7 +30,7 @@ const howToData = [
   { name: 'Wpisz tekst', text: 'Wpisz lub wklej tekst, który chcesz zmierzyć, w obszarze wejściowym.' },
   { name: 'Skonfiguruj czcionkę', text: 'Ustaw rodzinę czcionek, rozmiar w pikselach, wagę i to, czy ma być pochylona.' },
   { name: 'Odczytaj wynik', text: 'Szerokość w pikselach i liczba znaków są aktualizowane w czasie rzeczywistym.' },
-  { name: 'Skopiuj wartość', text: 'Kliknij „Kopiuj szerokość”, aby zapisać liczbę pikseli w schowku.' },
+  { name: 'Skopiuj wartość', text: 'Kliknij "Kopiuj szerokość", aby zapisać liczbę pikseli w schowku.' },
 ];
 
 const faqSchema: WithContext<FAQPage> = {
@@ -96,7 +96,7 @@ export const content: ToolLocaleContent<TextPixelCalculatorUI> = {
     { type: 'title', level: 3, text: 'Dlaczego liczenie znaków nie wystarczy' },
     {
       type: 'paragraph',
-      html: 'Nowoczesne kroje pisma są <strong>proporcjonalne</strong>: każdy glif ma inną szerokość. Litera „W” może zajmować trzy razy więcej miejsca niż „i”. Liczba znaków nic nie mówi o rzeczywistej przestrzeni wizualnej, jaką zajmuje tekst.',
+      html: 'Nowoczesne kroje pisma są <strong>proporcjonalne</strong>: każdy glif ma inną szerokość. Litera "W" może zajmować trzy razy więcej miejsca niż "i". Liczba znaków nic nie mówi o rzeczywistej przestrzeni wizualnej, jaką zajmuje tekst.',
     },
     {
       type: 'list',

package/src/tool/text-pixel-calculator/i18n/ru.ts

@@ -10,11 +10,11 @@ const faqData = [
   },
   {
     question: 'Почему ширина в пикселях различается у разных шрифтов?',
-    answer: 'Большинство шрифтов являются пропорциональными, что означает, что каждый символ имеет разную ширину. Например, заглавная буква «M» всегда шире строчной «i» в стандартном шрифте без засечек.',
+    answer: 'Большинство шрифтов являются пропорциональными, что означает, что каждый символ имеет разную ширину. Например, заглавная буква "M" всегда шире строчной "i" в стандартном шрифте без засечек.',
   },
   {
     question: 'Равна ли длина в символах ширине в пикселях?',
-    answer: 'Нет. Количество символов дает вам длину строки, а измерение в пикселях — визуальное пространство, которое она занимает. Это крайне важно для предотвращения переполнения контейнера текстом в веб-дизайне.',
+    answer: 'Нет. Количество символов дает вам длину строки, а измерение в пикселях - визуальное пространство, которое она занимает. Это крайне важно для предотвращения переполнения контейнера текстом в веб-дизайне.',
   },
   {
     question: 'Могу ли я использовать любой шрифт Google Fonts?',
@@ -30,7 +30,7 @@ const howToData = [
   { name: 'Введите текст', text: 'Введите или вставьте текст, который вы хотите измерить, в поле ввода.' },
   { name: 'Настройте шрифт', text: 'Укажите семейство шрифтов, размер в пикселях, насыщенность и начертание (курсив).' },
   { name: 'Получите результат', text: 'Ширина в пикселях и количество символов обновляются в режиме реального времени.' },
-  { name: 'Скопируйте значение', text: 'Нажмите «Копировать ширину», чтобы сохранить количество пикселей в буфер обмена.' },
+  { name: 'Скопируйте значение', text: 'Нажмите "Копировать ширину", чтобы сохранить количество пикселей в буфер обмена.' },
 ];
 
 const faqSchema: WithContext<FAQPage> = {
@@ -96,7 +96,7 @@ export const content: ToolLocaleContent<TextPixelCalculatorUI> = {
     { type: 'title', level: 3, text: 'Почему подсчета символов недостаточно' },
     {
       type: 'paragraph',
-      html: 'Современные шрифты являются <strong>пропорциональными</strong>: каждый глиф имеет разную ширину. Буква «W» может занимать в три раза больше места, чем «i». Количество символов ничего не говорит вам о фактическом визуальном пространстве, которое занимает текст.',
+      html: 'Современные шрифты являются <strong>пропорциональными</strong>: каждый глиф имеет разную ширину. Буква "W" может занимать в три раза больше места, чем "i". Количество символов ничего не говорит вам о фактическом визуальном пространстве, которое занимает текст.',
     },
     {
       type: 'list',

package/src/tool/text-pixel-calculator/i18n/zh.ts

@@ -10,7 +10,7 @@ const faqData = [
   },
   {
     question: '为什么不同字体的像素宽度不同？',
-    answer: '大多数字体都是比例字体，这意味着每个字符都有不同的宽度。例如，在标准的无衬线字体中，大写字母“M”总是比小写字母“i”宽。',
+    answer: '大多数字体都是比例字体，这意味着每个字符都有不同的宽度。例如，在标准的无衬线字体中，大写字母"M"总是比小写字母"i"宽。',
   },
   {
     question: '测量字符数和测量像素是一回事吗？',
@@ -30,7 +30,7 @@ const howToData = [
   { name: '输入文本', text: '在输入区域键入或粘贴您想要测量的文本。' },
   { name: '配置字体', text: '设置字体系列、像素大小、字重以及是否斜体。' },
   { name: '读取结果', text: '像素宽度和字符计数会进行实时更新。' },
-  { name: '复制数值', text: '点击“复制宽度”将像素值保存到剪贴板。' },
+  { name: '复制数值', text: '点击"复制宽度"将像素值保存到剪贴板。' },
 ];
 
 const faqSchema: WithContext<FAQPage> = {
@@ -96,7 +96,7 @@ export const content: ToolLocaleContent<TextPixelCalculatorUI> = {
     { type: 'title', level: 3, text: '为什么只计算字符数是不够的' },
     {
       type: 'paragraph',
-      html: '现代字体是<strong>比例字体</strong>：每个字形都有不同的宽度。一个“W”占用的空间可能是“i”的三倍。字符数无法告诉您文本实际占用的视觉空间。',
+      html: '现代字体是<strong>比例字体</strong>：每个字形都有不同的宽度。一个"W"占用的空间可能是"i"的三倍。字符数无法告诉您文本实际占用的视觉空间。',
     },
     {
       type: 'list',

package/src/tool/whatsapp-link/bibliography.ts

@@ -1,6 +1,6 @@
 import type { BibliographyEntry } from '../../types';
 
 export const bibliography: BibliographyEntry[] = [
-  { name: 'How to use the click to chat feature — WhatsApp Help Center', url: 'https://faq.whatsapp.com/591339899867293' },
-    { name: 'API Click to chat: parameters and formats — WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
+  { name: 'How to use the click to chat feature - WhatsApp Help Center', url: 'https://faq.whatsapp.com/591339899867293' },
+    { name: 'API Click to chat: parameters and formats - WhatsApp', url: 'https://faq.whatsapp.com/425559092497645' },
 ];

package/src/tool/whatsapp-link/i18n/de.ts

@@ -14,7 +14,7 @@ const faqData = [
   },
   {
     question: 'Wie verwende ich den generierten QR-Code?',
-    answer: 'Sobald ein gültiger Link generiert wurde, erscheint die Schaltfläche „QR anzeigen“. Der QR-Code enthält Ihre Link-URL. Klicken Sie mit der rechten Maustaste darauf und wählen Sie „Bild speichern unter“, um eine saubere, hochauflösende Datei für Visitenkarten, Poster oder soziale Medien herunterzuladen.',
+    answer: 'Sobald ein gültiger Link generiert wurde, erscheint die Schaltfläche "QR anzeigen". Der QR-Code enthält Ihre Link-URL. Klicken Sie mit der rechten Maustaste darauf und wählen Sie "Bild speichern unter", um eine saubere, hochauflösende Datei für Visitenkarten, Poster oder soziale Medien herunterzuladen.',
   },
   {
     question: 'Wo landen meine Daten?',
@@ -92,13 +92,13 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
     { type: 'title', level: 3, text: 'Wofür ist der wa.me WhatsApp Shortener gedacht?' },
     {
       type: 'paragraph',
-      html: 'WhatsApp bietet eine API namens „Click to Chat“ an. Über eine spezielle URL kann jeder Nutzer einen neuen Chat mit Ihnen eröffnen, ohne Sie vorher als Kontakt hinzufügen zu müssen, sowohl vom Handy als auch von WhatsApp Web aus.',
+      html: 'WhatsApp bietet eine API namens "Click to Chat" an. Über eine spezielle URL kann jeder Nutzer einen neuen Chat mit Ihnen eröffnen, ohne Sie vorher als Kontakt hinzufügen zu müssen, sowohl vom Handy als auch von WhatsApp Web aus.',
     },
     {
       type: 'list',
       items: [
-        '<strong>Mehr Konversionen:</strong> Ein „Kontakt über WhatsApp“-Button in Ihrem Shop reduziert Hürden und steigert die Verkäufe.',
-        '<strong>Vorformulierte Nachricht:</strong> Der Nutzer drückt einfach auf „Senden“. Beispiel: „Hallo! Ich komme von Instagram und möchte das Angebot in Anspruch nehmen.“',
+        '<strong>Mehr Konversionen:</strong> Ein "Kontakt über WhatsApp"-Button in Ihrem Shop reduziert Hürden und steigert die Verkäufe.',
+        '<strong>Vorformulierte Nachricht:</strong> Der Nutzer drückt einfach auf "Senden". Beispiel: "Hallo! Ich komme von Instagram und möchte das Angebot in Anspruch nehmen."',
         '<strong>Automatischer QR-Code:</strong> Laden Sie den QR-Code für Visitenkarten, Poster oder Social-Media-Posts herunter.',
       ],
     },

package/src/tool/whatsapp-link/i18n/es.ts

@@ -89,7 +89,7 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
       type: 'paragraph',
       html: '¿Necesitas que clientes o seguidores te contacten por WhatsApp sin tener que guardar tu número? Nuestro <strong>creador de enlaces wa.me</strong> soluciona este problema generando un link que abre un chat directo al instante, sin pasos previos.',
     },
-    { type: 'title', level: 3, text: '¿Para qué sirve el acortador wa.me de WhatsApp?' },
+    { type: 'title', level: 3, text: '¿Para qué sirve el acortador de enlaces de WhatsApp?' },
     {
       type: 'paragraph',
       html: 'WhatsApp dispone de una API llamada "Clic para chatear". Mediante una URL especial, cualquier usuario puede abrir un chat nuevo contigo sin necesidad de añadirte como contacto previamente, tanto desde móvil como desde WhatsApp Web.',
@@ -110,7 +110,7 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
     {
       type: 'code',
       ariaLabel: 'Formato de URL de WhatsApp',
-      code: 'https://wa.me/34XXXXXXXXX\nhttps://wa.me/34XXXXXXXXX?text=%C2%A1Hola!%20Me%20gustar%C3%ADa...',
+      code: 'https://wa.me/34XXXXXXXXX\n(Para anadir un mensaje, usa el parametro text en la URL)',
     },
     { type: 'title', level: 3, text: 'Privacidad garantizada y procesamiento local' },
     {

package/src/tool/whatsapp-link/i18n/fr.ts

@@ -97,8 +97,8 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
     {
       type: 'list',
       items: [
-        "<strong>Plus de conversions :</strong> Un bouton « Contacter via WhatsApp » sur votre boutique réduit la friction et augmente les ventes.",
-        "<strong>Message prédéfini :</strong> L'utilisateur appuie juste sur « Envoyer ». Exemple : « Bonjour ! Je viens d'Instagram et veux profiter de l'offre. »",
+        `<strong>Plus de conversions:</strong> Un bouton " Contacter via WhatsApp " sur votre boutique réduit la friction et augmente les ventes.`,
+        `<strong>Message prédéfini:</strong> L'utilisateur appuie juste sur " Envoyer ". Exemple: " Bonjour ! Je viens d'Instagram et veux profiter de l'offre. "`,
         "<strong>Code QR automatique :</strong> Téléchargez le QR pour cartes de visite, affiches ou publications sur les réseaux.",
       ],
     },

package/src/tool/whatsapp-link/i18n/pl.ts

@@ -14,7 +14,7 @@ const faqData = [
   },
   {
     question: 'Jak korzystać z wygenerowanego kodu QR?',
-    answer: 'Po wygenerowaniu prawidłowego linku pojawi się przycisk „Pokaż QR”. Kod QR zawiera adres URL Twojego linku. Kliknij go prawym przyciskiem myszy i wybierz „Zapisz obraz jako”, aby pobrać czysty plik o wysokiej rozdzielczości do wizytówek, plakatów lub mediów społecznościowych.',
+    answer: 'Po wygenerowaniu prawidłowego linku pojawi się przycisk "Pokaż QR". Kod QR zawiera adres URL Twojego linku. Kliknij go prawym przyciskiem myszy i wybierz "Zapisz obraz jako", aby pobrać czysty plik o wysokiej rozdzielczości do wizytówek, plakatów lub mediów społecznościowych.',
   },
   {
     question: 'Gdzie trafiają moje dane?',
@@ -92,13 +92,13 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
     { type: 'title', level: 3, text: 'Do czego służy skracacz WhatsApp wa.me?' },
     {
       type: 'paragraph',
-      html: 'WhatsApp oferuje interfejs API o nazwie „Kliknij i rozmawiaj”. Za pomocą specjalnego adresu URL każdy użytkownik może otworzyć z Tobą nowy czat bez konieczności dodawania Cię najpierw do kontaktów, zarówno z telefonu komórkowego, jak i przez WhatsApp Web.',
+      html: 'WhatsApp oferuje interfejs API o nazwie "Kliknij i rozmawiaj". Za pomocą specjalnego adresu URL każdy użytkownik może otworzyć z Tobą nowy czat bez konieczności dodawania Cię najpierw do kontaktów, zarówno z telefonu komórkowego, jak i przez WhatsApp Web.',
     },
     {
       type: 'list',
       items: [
-        '<strong>Większa konwersja:</strong> Przycisk „Kontakt przez WhatsApp” w Twoim sklepie zmniejsza opory i zwiększa sprzedaż.',
-        '<strong>Wstępnie wypełniona wiadomość:</strong> Użytkownik po prostu naciska „Wyślij”. Przykład: „Cześć! Piszę z Instagrama i chcę skorzystać z oferty”.',
+        '<strong>Większa konwersja:</strong> Przycisk "Kontakt przez WhatsApp" w Twoim sklepie zmniejsza opory i zwiększa sprzedaż.',
+        '<strong>Wstępnie wypełniona wiadomość:</strong> Użytkownik po prostu naciska "Wyślij". Przykład: "Cześć! Piszę z Instagrama i chcę skorzystać z oferty".',
         '<strong>Automatyczny kod QR:</strong> Pobierz kod QR do wizytówek, plakatów lub postów w mediach społecznościowych.',
       ],
     },

package/src/tool/whatsapp-link/i18n/ru.ts

@@ -14,7 +14,7 @@ const faqData = [
   },
   {
     question: 'Как использовать сгенерированный QR-код?',
-    answer: 'Как только будет создана действительная ссылка, появится кнопка «Показать QR». QR-код содержит URL-адрес вашей ссылки. Нажмите на него правой кнопкой мыши и выберите «Сохранить изображение как», чтобы загрузить чистый файл в высоком разрешении для визиток, плакатов или социальных сетей.',
+    answer: 'Как только будет создана действительная ссылка, появится кнопка "Показать QR". QR-код содержит URL-адрес вашей ссылки. Нажмите на него правой кнопкой мыши и выберите "Сохранить изображение как", чтобы загрузить чистый файл в высоком разрешении для визиток, плакатов или социальных сетей.',
   },
   {
     question: 'Куда попадают мои данные?',
@@ -24,7 +24,7 @@ const faqData = [
 
 const howToData = [
   { name: 'Выберите префикс', text: 'Выберите код своей страны из выпадающего списка и введите свой номер телефона без префикса.' },
-  { name: 'Добавьте необязательное сообщение', text: 'Напишите предзаполненный текст, который появится, когда кто-то откроет ссылку и нажмет «Отправить».' },
+  { name: 'Добавьте необязательное сообщение', text: 'Напишите предзаполненный текст, который появится, когда кто-то откроет ссылку и нажмет "Отправить".' },
   { name: 'Создайте ссылку', text: 'Нажмите зеленую кнопку, чтобы получить прямую ссылку wa.me, готовую к отправке.' },
   { name: 'Поделитесь или распечатайте QR', text: 'Скопируйте ссылку, проверьте чат или скачайте QR-код для визиток и печати.' },
 ];
@@ -92,13 +92,13 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
     { type: 'title', level: 3, text: 'Для чего нужен сокращатель WhatsApp wa.me?' },
     {
       type: 'paragraph',
-      html: 'WhatsApp предлагает API под названием «Прямая связь». Используя специальный URL-адрес, любой пользователь может начать с вами новый чат, не добавляя вас в контакты, как с мобильного телефона, так и через WhatsApp Web.',
+      html: 'WhatsApp предлагает API под названием "Прямая связь". Используя специальный URL-адрес, любой пользователь может начать с вами новый чат, не добавляя вас в контакты, как с мобильного телефона, так и через WhatsApp Web.',
     },
     {
       type: 'list',
       items: [
-        '<strong>Больше конверсий:</strong> кнопка «Связаться через WhatsApp» в вашем магазине снижает барьеры и увеличивает продажи.',
-        '<strong>Предзаполненное сообщение:</strong> пользователю достаточно нажать «Отправить». Пример: «Здравствуйте! Я с Instagram и хочу воспользоваться предложением».',
+        '<strong>Больше конверсий:</strong> кнопка "Связаться через WhatsApp" в вашем магазине снижает барьеры и увеличивает продажи.',
+        '<strong>Предзаполненное сообщение:</strong> пользователю достаточно нажать "Отправить". Пример: "Здравствуйте! Я с Instagram и хочу воспользоваться предложением".',
         '<strong>Автоматический QR-код:</strong> скачайте QR-код для визиток, плакатов или постов в социальных сетях.',
       ],
     },

package/src/tool/whatsapp-link/i18n/zh.ts

@@ -14,7 +14,7 @@ const faqData = [
   },
   {
     question: '如何使用生成的二维码？',
-    answer: '生成有效链接后，将出现“显示二维码”按钮。二维码包含您的链接 URL。右键点击二维码并选择“图片另存为”，即可下载用于名片、海报或社交媒体的高分辨率图片。',
+    answer: '生成有效链接后，将出现"显示二维码"按钮。二维码包含您的链接 URL。右键点击二维码并选择"图片另存为"，即可下载用于名片、海报或社交媒体的高分辨率图片。',
   },
   {
     question: '我的数据会流向何处？',
@@ -92,13 +92,13 @@ export const content: ToolLocaleContent<WhatsappLinkUI> = {
     { type: 'title', level: 3, text: 'wa.me WhatsApp 短链接有什么用？' },
     {
       type: 'paragraph',
-      html: 'WhatsApp 提供了一个名为“点击聊天”的 API。通过使用特殊的 URL，任何用户都可以与您开启新聊天，而无需先将您添加为联系人，无论是在手机上还是通过 WhatsApp 网页版。',
+      html: 'WhatsApp 提供了一个名为"点击聊天"的 API。通过使用特殊的 URL，任何用户都可以与您开启新聊天，而无需先将您添加为联系人，无论是在手机上还是通过 WhatsApp 网页版。',
     },
     {
       type: 'list',
       items: [
-        '<strong>提高转化率：</strong>在您的商店中添加“通过 WhatsApp 联系”按钮可减少摩擦并增加销售额。',
-        '<strong>预填消息：</strong>用户只需按“发送”。例如：“您好！我从 Instagram 过来，想领取优惠。”',
+        '<strong>提高转化率：</strong>在您的商店中添加"通过 WhatsApp 联系"按钮可减少摩擦并增加销售额。',
+        '<strong>预填消息：</strong>用户只需按"发送"。例如："您好！我从 Instagram 过来，想领取优惠。"',
         '<strong>自动二维码：</strong>下载二维码用于名片、海报或社交媒体贴子。',
       ],
     },

package/src/tool/whatsapp-link/whatsapp-link-generator.css

@@ -27,6 +27,13 @@
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
+    box-sizing: border-box;
+  }
+
+  .wl-root *,
+  .wl-root *::before,
+  .wl-root *::after {
+    box-sizing: border-box;
   }
 
   .theme-dark .wl-root {
@@ -50,7 +57,9 @@
     background: var(--wl-panel-bg);
     border: 1px solid var(--wl-panel-border);
     border-radius: 1.25rem;
-    padding: 1.5rem;
+    width: 100%;
+    min-width: 0;
+    padding: clamp(1rem, 4vw, 1.5rem);
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
@@ -73,11 +82,14 @@
   .wl-phone-row {
     display: flex;
     gap: 0.5rem;
+    width: 100%;
+    min-width: 0;
   }
 
   .wl-prefix-select {
     flex-shrink: 0;
-    width: 7.5rem;
+    width: min(7.5rem, 42%);
+    min-width: 6.75rem;
     background: var(--wl-field-bg);
     border: 1px solid var(--wl-field-border);
     border-radius: 0.75rem;
@@ -96,6 +108,8 @@
 
   .wl-phone-input {
     flex: 1;
+    min-width: 0;
+    width: 100%;
     background: var(--wl-field-bg);
     border: 1px solid var(--wl-field-border);
     border-radius: 0.75rem;
@@ -183,7 +197,9 @@
     background: var(--wl-result-bg);
     border: 1px solid var(--wl-result-border);
     border-radius: 1.25rem;
-    padding: 1.25rem 1.5rem;
+    width: 100%;
+    min-width: 0;
+    padding: clamp(1rem, 4vw, 1.5rem);
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
@@ -205,10 +221,12 @@
     display: flex;
     align-items: center;
     gap: 0.625rem;
+    min-width: 0;
   }
 
   .wl-link-display {
     flex: 1;
+    min-width: 0;
     font-size: 0.8rem;
     font-weight: 500;
     color: var(--wl-link-color);
@@ -257,6 +275,25 @@
   }
 
   .wl-qr-canvas {
+    max-width: 100%;
+    height: auto;
     border-radius: 0.75rem;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  }
+  }
+
+  @media (max-width: 24rem) {
+    .wl-phone-row,
+    .wl-result-row {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .wl-prefix-select {
+      width: 100%;
+      min-width: 0;
+    }
+
+    .wl-result-actions {
+      justify-content: flex-end;
+    }
+  }