@jjlmoya/utils-chrono 1.3.0 → 1.4.0

package/src/tool/power-reserve-estimator/components/EstimatorPanel.astro

@@ -10,16 +10,16 @@ const { labels } = Astro.props;
   <div class="panel-section">
     <div class="section-label">{labels.movementLabel || "Movement"}</div>
     <select class="movement-select" id="movement-select">
-      <option value="eta-2824">ETA 2824-2 / SW200 — 38h</option>
-      <option value="eta-2892">ETA 2892-A2 / SW300 — 42h</option>
-      <option value="valjoux-7750">Valjoux 7750 / SW500 — 48h</option>
-      <option value="miyota-8215">Miyota 8215 — 40h</option>
-      <option value="miyota-9015">Miyota 9015 — 42h</option>
-      <option value="seiko-nh35">Seiko NH35 / 4R35 — 41h</option>
-      <option value="seiko-6r35">Seiko 6R35 — 70h</option>
-      <option value="unitas-6498">Unitas 6497 / 6498 — 46h</option>
-      <option value="rolex-3135">Rolex 3135 — 48h</option>
-      <option value="rolex-3235">Rolex 3235 — 70h</option>
+      <option value="eta-2824">ETA 2824-2 / SW200-38h</option>
+      <option value="eta-2892">ETA 2892-A2 / SW300-42h</option>
+      <option value="valjoux-7750">Valjoux 7750 / SW500-48h</option>
+      <option value="miyota-8215">Miyota 8215-40h</option>
+      <option value="miyota-9015">Miyota 9015-42h</option>
+      <option value="seiko-nh35">Seiko NH35 / 4R35-41h</option>
+      <option value="seiko-6r35">Seiko 6R35-70h</option>
+      <option value="unitas-6498">Unitas 6497 / 6498-46h</option>
+      <option value="rolex-3135">Rolex 3135-48h</option>
+      <option value="rolex-3235">Rolex 3235-70h</option>
       <option value="custom">{labels.customMovement || "Custom"}</option>
     </select>
   </div>
@@ -28,55 +28,145 @@ const { labels } = Astro.props;
     <div class="section-label">{labels.customMovement || "Custom"}</div>
     <div class="input-row">
       <div class="input-group">
-        <label class="input-label" for="custom-reserve">{labels.powerReserveHours || "Reserve (h)"}</label>
+        <label class="input-label" for="custom-reserve"
+          >{labels.powerReserveHours || "Reserve (h)"}</label
+        >
         <div class="stepper-wrap">
-          <button type="button" class="stepper-btn" data-target="custom-reserve" data-dir="-1">−</button>
-          <input type="number" class="stepper-input" id="custom-reserve" min="1" max="336" value="38" />
-          <button type="button" class="stepper-btn" data-target="custom-reserve" data-dir="1">+</button>
+          <button
+            type="button"
+            class="stepper-btn"
+            data-target="custom-reserve"
+            data-dir="-1">−</button
+          >
+          <input
+            type="number"
+            class="stepper-input"
+            id="custom-reserve"
+            min="1"
+            max="336"
+            value="38"
+          />
+          <button
+            type="button"
+            class="stepper-btn"
+            data-target="custom-reserve"
+            data-dir="1">+</button
+          >
         </div>
       </div>
       <div class="input-group">
-        <label class="input-label" for="custom-turns">{labels.fullWindTurns || "Turns to full"}</label>
+        <label class="input-label" for="custom-turns"
+          >{labels.fullWindTurns || "Turns to full"}</label
+        >
         <div class="stepper-wrap">
-          <button type="button" class="stepper-btn" data-target="custom-turns" data-dir="-1">−</button>
-          <input type="number" class="stepper-input" id="custom-turns" min="1" max="100" value="40" />
-          <button type="button" class="stepper-btn" data-target="custom-turns" data-dir="1">+</button>
+          <button
+            type="button"
+            class="stepper-btn"
+            data-target="custom-turns"
+            data-dir="-1">−</button
+          >
+          <input
+            type="number"
+            class="stepper-input"
+            id="custom-turns"
+            min="1"
+            max="100"
+            value="40"
+          />
+          <button
+            type="button"
+            class="stepper-btn"
+            data-target="custom-turns"
+            data-dir="1">+</button
+          >
         </div>
       </div>
     </div>
   </div>
 
   <div class="panel-section">
-    <div class="section-label">{labels.turnsLabel || "Crown Turns"} <span class="label-sub">+</span></div>
+    <div class="section-label">
+      {labels.turnsLabel || "Crown Turns"}
+      <span class="label-sub">+</span>
+    </div>
     <div class="input-row">
       <div class="input-group">
-        <label class="input-label" for="turns-input">{labels.turnsInput || "Turns"}</label>
+        <label class="input-label" for="turns-input"
+          >{labels.turnsInput || "Turns"}</label
+        >
         <div class="stepper-wrap">
-          <button type="button" class="stepper-btn" data-target="turns-input" data-dir="-5">−5</button>
-          <input type="number" class="stepper-input" id="turns-input" min="0" max="100" value="0" />
-          <button type="button" class="stepper-btn" data-target="turns-input" data-dir="5">+5</button>
+          <button
+            type="button"
+            class="stepper-btn"
+            data-target="turns-input"
+            data-dir="-5">−5</button
+          >
+          <input
+            type="number"
+            class="stepper-input"
+            id="turns-input"
+            min="0"
+            max="100"
+            value="0"
+          />
+          <button
+            type="button"
+            class="stepper-btn"
+            data-target="turns-input"
+            data-dir="5">+5</button
+          >
         </div>
       </div>
     </div>
   </div>
 
   <div class="panel-section">
-    <div class="section-label">{labels.hoursLabel || "Wear Time"} <span class="label-sub">+</span></div>
+    <div class="section-label">
+      {labels.hoursLabel || "Wear Time"}
+      <span class="label-sub">+</span>
+    </div>
     <div class="input-row">
       <div class="input-group">
-        <label class="input-label" for="hours-input">{labels.hoursInput || "Hours"}</label>
+        <label class="input-label" for="hours-input"
+          >{labels.hoursInput || "Hours"}</label
+        >
         <div class="stepper-wrap">
-          <button type="button" class="stepper-btn" data-target="hours-input" data-dir="-1">−</button>
-          <input type="number" class="stepper-input" id="hours-input" min="0" max="24" value="0" />
-          <button type="button" class="stepper-btn" data-target="hours-input" data-dir="1">+</button>
+          <button
+            type="button"
+            class="stepper-btn"
+            data-target="hours-input"
+            data-dir="-1">−</button
+          >
+          <input
+            type="number"
+            class="stepper-input"
+            id="hours-input"
+            min="0"
+            max="24"
+            value="0"
+          />
+          <button
+            type="button"
+            class="stepper-btn"
+            data-target="hours-input"
+            data-dir="1">+</button
+          >
         </div>
       </div>
       <div class="input-group">
-        <label class="input-label" for="activity-select">{labels.activityLabel || "Activity"}</label>
+        <label class="input-label" for="activity-select"
+          >{labels.activityLabel || "Activity"}</label
+        >
         <div class="chip-group">
-          <button type="button" class="chip active" data-activity="low">{labels.activityLow || "Low"}</button>
-          <button type="button" class="chip" data-activity="medium">{labels.activityMedium || "Medium"}</button>
-          <button type="button" class="chip" data-activity="high">{labels.activityHigh || "High"}</button>
+          <button type="button" class="chip active" data-activity="low"
+            >{labels.activityLow || "Low"}</button
+          >
+          <button type="button" class="chip" data-activity="medium"
+            >{labels.activityMedium || "Medium"}</button
+          >
+          <button type="button" class="chip" data-activity="high"
+            >{labels.activityHigh || "High"}</button
+          >
         </div>
       </div>
     </div>
@@ -84,7 +174,9 @@ const { labels } = Astro.props;
 
   <button type="button" class="calc-btn" id="calc-btn">
     <svg viewBox="0 0 24 24" width="16" height="16">
-      <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentColor" />
+      <path
+        d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+        fill="currentColor"></path>
     </svg>
     {labels.calculate || "Calculate"}
   </button>
@@ -92,7 +184,9 @@ const { labels } = Astro.props;
   <div class="result-card" id="result-card" style="display: none">
     <div class="result-header">
       <svg viewBox="0 0 24 24" width="18" height="18">
-        <path d="M13 2.05v2.02c3.95.49 7 3.85 7 7.93 0 4.42-3.58 8-8 8s-8-3.58-8-8c0-4.08 3.05-7.44 7-7.93V2.05C5.05 2.58 2 6.13 2 11c0 5.52 4.48 10 10 10s10-4.48 10-10c0-4.87-3.05-8.42-7-8.95zM12 6v5l4.28 2.54.72-1.21-3.5-2.08V6H12z" fill="currentColor" />
+        <path
+          d="M13 2.05v2.02c3.95.49 7 3.85 7 7.93 0 4.42-3.58 8-8 8s-8-3.58-8-8c0-4.08 3.05-7.44 7-7.93V2.05C5.05 2.58 2 6.13 2 11c0 5.52 4.48 10 10 10s10-4.48 10-10c0-4.87-3.05-8.42-7-8.95zM12 6v5l4.28 2.54.72-1.21-3.5-2.08V6H12z"
+          fill="currentColor"></path>
       </svg>
       <span>{labels.resultLabel || "Estimated Reserve"}</span>
     </div>
@@ -129,22 +223,35 @@ const { labels } = Astro.props;
   <div class="steps-section">
     <div class="step-row">
       <div class="step-marker">1</div>
-      <span class="step-text">{labels.step1 || "Select your movement from the dropdown."}</span>
+      <span class="step-text"
+        >{labels.step1 || "Select your movement from the dropdown."}</span
+      >
     </div>
     <div class="step-row">
       <div class="step-marker">2</div>
-      <span class="step-text">{labels.step2 || "Enter crown turns and hours worn."}</span>
+      <span class="step-text"
+        >{labels.step2 || "Enter crown turns and hours worn."}</span
+      >
     </div>
     <div class="step-row">
       <div class="step-marker">3</div>
-      <span class="step-text">{labels.step3 || "Press Calculate to see your reserve."}</span>
+      <span class="step-text"
+        >{labels.step3 || "Press Calculate to see your reserve."}</span
+      >
     </div>
   </div>
 
   <div class="tip-row">
     <svg class="tip-icon" viewBox="0 0 24 24" width="16" height="16">
-      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill="currentColor" />
+      <path
+        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+        fill="currentColor"></path>
     </svg>
-    <span class="tip-text">{labels.tipContent || "Manual-wind movements only charge when you turn the crown. Automatic movements also charge while worn."}</span>
+    <span class="tip-text"
+      >{
+        labels.tipContent ||
+          "Manual-wind movements only charge when you turn the crown. Automatic movements also charge while worn."
+      }</span
+    >
   </div>
 </div>

package/src/tool/power-reserve-estimator/i18n/en.ts

@@ -34,12 +34,12 @@ export const content: ToolLocaleContent<PowerReserveEstimatorUI> = {
     tipContent: 'Manual-wind movements only charge when you turn the crown. Automatic movements also charge while worn.',
   },
   seo: [
-    { type: 'title', text: 'Watch Power Reserve Estimator — How Much Reserve Does Your Movement Have Left?', level: 2 },
+    { type: 'title', text: 'Watch Power Reserve Estimator-How Much Reserve Does Your Movement Have Left?', level: 2 },
     { type: 'paragraph', html: 'Wondering how much power is left in your mechanical watch? Whether you wound the crown this morning or wore it all day, this estimator tells you the approximate charge level and remaining hours for popular calibers like <strong>ETA, Sellita, Miyota, Seiko, and Rolex</strong>.' },
     { type: 'title', text: 'How Power Reserve Works in a Mechanical Watch', level: 3 },
-    { type: 'paragraph', html: 'The power reserve is the amount of energy stored in the mainspring. When you wind the crown, you tighten the mainspring, storing potential energy. An automatic rotor also winds the mainspring while you wear the watch. The energy then drains at a steady rate — typically 2-3% per hour — until the watch stops.' },
+    { type: 'paragraph', html: 'The power reserve is the amount of energy stored in the mainspring. When you wind the crown, you tighten the mainspring, storing potential energy. An automatic rotor also winds the mainspring while you wear the watch. The energy then drains at a steady rate-typically 2-3% per hour-until the watch stops.' },
     { type: 'title', text: 'Crown Winding vs. Rotor Charging', level: 3 },
-    { type: 'paragraph', html: 'Manual winding via the crown is the most efficient way to charge a watch — each full rotation adds a predictable amount of energy, typically around 2.5% of the total reserve. Wearing the watch charges more slowly and depends on your activity level: an office worker might charge 4-6% per hour, while someone active might charge 8-10%. This estimator uses a conservative average.' },
+    { type: 'paragraph', html: 'Manual winding via the crown is the most efficient way to charge a watch-each full rotation adds a predictable amount of energy, typically around 2.5% of the total reserve. Wearing the watch charges more slowly and depends on your activity level: an office worker might charge 4-6% per hour, while someone active might charge 8-10%. This estimator uses a conservative average.' },
     { type: 'title', text: 'Why Power Reserve Estimation Matters', level: 3 },
     { type: 'paragraph', html: 'Knowing your watch\'s charge level helps avoid unexpected stops. A watch that runs down overnight may need more winding before bed, or may not be getting enough wear time. Use this tool to understand your charging habits and keep your automatic running.' },
   ],

package/src/tool/strap-taper-calculator/i18n/en.ts

@@ -37,10 +37,10 @@ export const content: ToolLocaleContent<StrapTaperCalculatorUI> = {
     step3: 'Read the proportions and visual representation.',
   },
   seo: [
-    { type: 'title', text: 'Watch Strap Taper Calculator — Proportions, Buckle Width & Visual Guide', level: 2 },
+    { type: 'title', text: 'Watch Strap Taper Calculator-Proportions, Buckle Width & Visual Guide', level: 2 },
     { type: 'paragraph', html: 'A well proportioned strap makes or breaks a watch. Too much taper on a diver makes it look fragile. No taper on a dress watch makes it look clunky. This calculator helps you find the ideal <strong>strap taper ratio</strong> based on your case diameter and lug width.' },
     { type: 'title', text: 'What Is Strap Taper?', level: 3 },
-    { type: 'paragraph', html: 'Strap taper is the reduction in width from the lug end to the buckle end of a watch strap. A classic dress watch might taper from 20 mm at the lugs to 16 mm at the buckle — a 4 mm taper. A dive watch might stay at 20 mm straight through for a more tool-like appearance.' },
+    { type: 'paragraph', html: 'Strap taper is the reduction in width from the lug end to the buckle end of a watch strap. A classic dress watch might taper from 20 mm at the lugs to 16 mm at the buckle-a 4 mm taper. A dive watch might stay at 20 mm straight through for a more tool-like appearance.' },
     { type: 'title', text: 'The Golden Ratio for Strap Proportions', level: 3 },
     { type: 'paragraph', html: 'Watch enthusiasts generally agree that a lug width between 45% and 55% of the case diameter looks best. For the taper, a buckle width that is 75% to 85% of the lug width creates a balanced, elegant silhouette. Ratios outside this range can make the watch look top heavy or fragile.' },
     { type: 'title', text: 'Taper by Watch Style', level: 3 },

package/src/tool/strap-taper-calculator/i18n/ru.ts

@@ -40,7 +40,7 @@ export const content: ToolLocaleContent<StrapTaperCalculatorUI> = {
     { type: 'title', text: 'Калькулятор сужения ремешка \u2014 Пропорции, ширина пряжки и визуальное руководство', level: 2 },
     { type: 'paragraph', html: 'Правильно подобранный ремешок может как украсить часы, так и испортить их. Слишком сильное сужение на дайверских часах делает их хрупкими на вид. Отсутствие сужения на классических часах делает их грубыми. Этот калькулятор поможет вам найти идеальное <strong>соотношение сужения ремешка</strong> на основе диаметра корпуса и ширины ушек.' },
     { type: 'title', text: 'Что такое сужение ремешка?', level: 3 },
-    { type: 'paragraph', html: 'Сужение ремешка — это уменьшение ширины от ушек до пряжки. Классические часы могут сужаться с 20 мм у ушек до 16 мм у пряжки — сужение на 4 мм. Дайверские часы могут оставаться прямыми на 20 мм для более инструментального вида.' },
+    { type: 'paragraph', html: 'Сужение ремешка-это уменьшение ширины от ушек до пряжки. Классические часы могут сужаться с 20 мм у ушек до 16 мм у пряжки-сужение на 4 мм. Дайверские часы могут оставаться прямыми на 20 мм для более инструментального вида.' },
     { type: 'title', text: 'Золотое сечение для пропорций ремешка', level: 3 },
     { type: 'paragraph', html: 'Энтузиасты часов в целом сходятся во мнении, что ширина ушек от 45% до 55% диаметра корпуса выглядит лучше всего. Что касается сужения, ширина пряжки от 75% до 85% ширины ушек создаёт сбалансированный, элегантный силуэт. Соотношения за пределами этого диапазона могут сделать часы визуально тяжелыми или слишком хрупкими.' },
     { type: 'title', text: 'Сужение по стилю часов', level: 3 },
@@ -49,7 +49,7 @@ export const content: ToolLocaleContent<StrapTaperCalculatorUI> = {
   faq: [
     {
       question: 'Какое сужение ремешка идеально подходит для классических часов?',
-      answer: 'Сужение на 4 мм — классический выбор. Для ширины ушек 20 мм это означает пряжку 16 мм. Это создаёт элегантный силуэт, который дополняет изысканный вид классических часов.',
+      answer: 'Сужение на 4 мм-классический выбор. Для ширины ушек 20 мм это означает пряжку 16 мм. Это создаёт элегантный силуэт, который дополняет изысканный вид классических часов.',
     },
     {
       question: 'Должны ли дайверские часы иметь сужающийся ремешок?',
@@ -89,7 +89,7 @@ export const content: ToolLocaleContent<StrapTaperCalculatorUI> = {
           'name': 'Какое сужение ремешка идеально подходит для классических часов?',
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': 'Сужение на 4 мм — классический выбор. Для ширины ушек 20 мм это даёт пряжку 16 мм, создавая элегантный силуэт.',
+            'text': 'Сужение на 4 мм-классический выбор. Для ширины ушек 20 мм это даёт пряжку 16 мм, создавая элегантный силуэт.',
           },
         },
         {

package/src/tool/watch-accuracy-tracker/i18n/ru.ts

@@ -75,11 +75,11 @@ export const content: ToolLocaleContent = {
   },
   seo: [
     { type: 'title', text: 'Полное руководство по точности и регулировке хода механических часов', level: 2 },
-    { type: 'paragraph', html: 'Механические часы — это шедевры микромеханики, но в отличие от кварцевых моделей они подвержены влиянию различных физических и внешних факторов. Регулярное отслеживание суточной погрешности хода имеет решающее значение для оценки исправности механизма и определения необходимости профессионального обслуживания.' },
+    { type: 'paragraph', html: 'Механические часы-это шедевры микромеханики, но в отличие от кварцевых моделей они подвержены влиянию различных физических и внешних факторов. Регулярное отслеживание суточной погрешности хода имеет решающее значение для оценки исправности механизма и определения необходимости профессионального обслуживания.' },
     { type: 'title', text: 'Почему механические часы отклоняются: Ключевые факторы', level: 2 },
     { type: 'paragraph', html: 'На точность хода влияет множество параметров. Гравитация воздействует на балансовое колесо и волосковую пружину по-разному в зависимости от положения часов на ночь (положения покоя). Температурные перепады сжимают или расширяют спираль, изменяя частоту колебаний. Также важна степень завода пружины: полностью заведенные часы работают стабильнее тех, у которых запас хода на исходе.' },
     { type: 'title', text: 'Накопленная погрешность: Как секунды складываются в минуты', level: 2 },
-    { type: 'paragraph', html: 'Отклонение всего в +5 секунд в день кажется несущественным, но время накапливается. За неделю это составит 35 секунд, за месяц — 2.5 минуты, а за год часы уйдут вперед более чем на 30 минут. Этот накопительный эффект показывает, почему коллекционерам важно регулярно проверять точность хода своих часов.' },
+    { type: 'paragraph', html: 'Отклонение всего в +5 секунд в день кажется несущественным, но время накапливается. За неделю это составит 35 секунд, за месяц-2.5 минуты, а за год часы уйдут вперед более чем на 30 минут. Этот накопительный эффект показывает, почему коллекционерам важно регулярно проверять точность хода своих часов.' },
     { type: 'title', text: 'Как вручную измерить и рассчитать точность хода часов', level: 2 },
     { type: 'paragraph', html: 'Вы можете оценить суточную погрешность без дорогого прибора (таймграфера). Синхронизируйте часы с точным источником времени (например, атомными часами по шкале UTC). Через 24 или 48 часов запишите новую разницу в секундах. Разделите эту разницу на количество дней, чтобы определить средний суточный ход.' },
     { type: 'title', text: 'Использование положений покоя для естественной регулировки', level: 2 },

package/src/tool/watch-savings-planner/i18n/en.ts

@@ -43,19 +43,19 @@ export const content: ToolLocaleContent<WatchSavingsPlannerUI> = {
     now: 'Now',
   },
   seo: [
-    { type: 'title', text: 'Watch Savings Goal Planner — Track Your Next Watch Purchase', level: 2 },
+    { type: 'title', text: 'Watch Savings Goal Planner-Track Your Next Watch Purchase', level: 2 },
     { type: 'paragraph', html: 'Saving for a watch is a journey. Whether it\'s a <strong>vintage Speedmaster</strong>, a <strong>Submariner</strong>, or a <strong>Grand Seiko</strong>, a clear savings plan turns the dream into a timeline. This tool helps you visualize your progress, adjust your monthly contributions, and see exactly when you\'ll be walking out of the boutique with your grail.' },
     { type: 'title', text: 'Why a Savings Plan Matters for Watch Collectors', level: 3 },
     { type: 'paragraph', html: 'Watch collecting is a patient game. Prices for sought-after models climb steadily, and impulse purchases often lead to regret. A structured savings approach keeps you disciplined, prevents financial strain, and makes the final purchase feel earned. Plus, tracking your progress day by day builds anticipation and makes the unboxing even sweeter.' },
     { type: 'title', text: 'How to Set Realistic Watch Savings Goals', level: 3 },
-    { type: 'paragraph', html: 'Start with the total price including taxes and shipping. Then divide by how much you can comfortably set aside each month. A good rule of thumb is to dedicate no more than <strong>10–15% of disposable income</strong> to watch savings. If the timeline feels too long, consider breaking it into smaller milestones — or exploring more affordable alternatives in the same style family.' },
+    { type: 'paragraph', html: 'Start with the total price including taxes and shipping. Then divide by how much you can comfortably set aside each month. A good rule of thumb is to dedicate no more than <strong>10–15% of disposable income</strong> to watch savings. If the timeline feels too long, consider breaking it into smaller milestones-or exploring more affordable alternatives in the same style family.' },
     { type: 'title', text: 'The Psychology of Goal Tracking', level: 3 },
-    { type: 'paragraph', html: 'Visual progress tracking triggers dopamine release, the same neurochemical that makes collecting so rewarding. Each time you log a new contribution and watch the progress ring fill, you reinforce the habit. This is why small, regular savings often work better than sporadic large deposits — the ritual itself becomes part of the collecting experience.' },
+    { type: 'paragraph', html: 'Visual progress tracking triggers dopamine release, the same neurochemical that makes collecting so rewarding. Each time you log a new contribution and watch the progress ring fill, you reinforce the habit. This is why small, regular savings often work better than sporadic large deposits-the ritual itself becomes part of the collecting experience.' },
   ],
   faq: [
     {
       question: 'How much should I save each month for a watch?',
-      answer: 'Aim for 10–15% of your disposable monthly income. The key is consistency — even $100 a month adds up to $1,200 a year. Adjust the amount based on your timeline: shorter goals need larger monthly contributions.',
+      answer: 'Aim for 10–15% of your disposable monthly income. The key is consistency-even $100 a month adds up to $1,200 a year. Adjust the amount based on your timeline: shorter goals need larger monthly contributions.',
     },
     {
       question: 'Should I save for one watch at a time or multiple?',
@@ -95,7 +95,7 @@ export const content: ToolLocaleContent<WatchSavingsPlannerUI> = {
           'name': 'How much should I save each month for a watch?',
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': 'Aim for 10–15% of your disposable monthly income. The key is consistency — even $100 a month adds up to $1,200 a year.',
+            'text': 'Aim for 10–15% of your disposable monthly income. The key is consistency-even $100 a month adds up to $1,200 a year.',
           },
         },
         {

package/src/tool/watch-size-comparator/bibliography.astro

@@ -0,0 +1,16 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import { watchSizeComparator } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props as Props;
+const loader = watchSizeComparator.i18n[locale] || watchSizeComparator.i18n.en;
+const content = await loader?.();
+if (!content) return null;
+---
+
+{content && <SharedBibliography links={content.bibliography} />}

package/src/tool/watch-size-comparator/bibliography.ts

@@ -0,0 +1,16 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'Watch Sizing Guide-How to Choose the Right Watch Size',
+    url: 'https://www.prestigetime.com/blog/watch-size-guide.html',
+  },
+  {
+    name: 'Lug-to-Lug Measurement Explained-Teddy Baldassarre',
+    url: 'https://teddybaldassarre.com/blogs/watches/lug-to-lug',
+  },
+  {
+    name: 'Watch Case Sizes: A Complete Guide',
+    url: 'https://www.uniformwares.com/watch-case-sizes/',
+  },
+];