feat(Many Units Converter): references other units conversion

sharevb · sharevb · commit 6aa69eb39de4 · 2025-11-12T22:59:34.000+01:00
Fix #206
diff --git a/locales/en.yml b/locales/en.yml
diff --git a/src/tools/angle-converter/index.ts b/src/tools/angle-converter/index.ts
@@ -6,7 +6,9 @@ export const tool = defineTool({
   name: t('tools.angle-converter.title'),
   path: '/angle-converter',
   description: t('tools.angle-converter.description'),
-  keywords: ['angle', 'converter'],
+  keywords: ['angle', 'converter',
+    'units', 'degree', 'radian', 'turn', 'grad',
+  ],
   component: () => import('./angle-converter.vue'),
   icon: Angle,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/area-converter/index.ts b/src/tools/area-converter/index.ts
@@ -6,7 +6,9 @@ export const tool = defineTool({
   name: t('tools.area-converter.title'),
   path: '/area-converter',
   description: t('tools.area-converter.description'),
-  keywords: ['area', 'converter'],
+  keywords: ['area', 'converter',
+    'units', 'square meter', 'are', 'square',
+  ],
   component: () => import('./area-converter.vue'),
   icon: SquaresDiagonal,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/currency-converter/index.ts b/src/tools/currency-converter/index.ts
@@ -6,7 +6,7 @@ export const tool = defineTool({
   name: t('tools.currency-converter.title'),
   path: '/currency-converter',
   description: t('tools.currency-converter.description'),
-  keywords: ['currency', 'converter'],
+  keywords: ['currency', 'converter', 'units'],
   component: () => import('./currency-converter.vue'),
   icon: Currency,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/data-storage-unit-converter/index.ts b/src/tools/data-storage-unit-converter/index.ts
@@ -10,7 +10,8 @@ export const tool = defineTool({
     'bits', 'bytes', 'bibytes', 'binary',
     'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB',
     'B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB',
-    'b', 'Kb', 'Mb', 'Gb', 'Tb', 'Pb', 'Eb', 'Zb', 'Yb'],
+    'b', 'Kb', 'Mb', 'Gb', 'Tb', 'Pb', 'Eb', 'Zb', 'Yb',
+    'units'],
   component: () => import('./data-storage-unit-converter.vue'),
   icon: ArrowsLeftRight,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/data-transfer-rate-converter/index.ts b/src/tools/data-transfer-rate-converter/index.ts
@@ -6,7 +6,7 @@ export const tool = defineTool({
   name: t('tools.data-transfer-rate-converter.title'),
   path: '/data-transfer-rate-converter',
   description: t('tools.data-transfer-rate-converter.description'),
-  keywords: ['data', 'transfer', 'rate', 'convert', 'time'],
+  keywords: ['data', 'transfer', 'rate', 'convert', 'time', 'units'],
   component: () => import('./data-transfer-rate-converter.vue'),
   icon: TransferIn,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/date-duration-calculator/index.ts b/src/tools/date-duration-calculator/index.ts
@@ -6,7 +6,7 @@ export const tool = defineTool({
   name: t('tools.date-duration-calculator.title'),
   path: '/date-duration-calculator',
   description: t('tools.date-duration-calculator.description'),
-  keywords: ['date', 'duration', 'addition', 'calculator'],
+  keywords: ['date', 'duration', 'addition', 'calculator', 'units'],
   component: () => import('./date-duration-calculator.vue'),
   icon: Calendar,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/date-time-converter/index.ts b/src/tools/date-time-converter/index.ts
@@ -6,7 +6,8 @@ export const tool = defineTool({
   name: t('tools.date-converter.title'),
   path: '/date-converter',
   description: t('tools.date-converter.description'),
-  keywords: ['date', 'time', 'converter', 'iso', 'utc', 'unix', 'epoch', 'timezone', 'year', 'month', 'day', 'minute', 'seconde', 'filetime', 'ldap', 'win32'],
+  keywords: ['date', 'time', 'converter', 'iso', 'utc', 'unix', 'epoch', 'timezone',
+    'year', 'month', 'day', 'minute', 'seconde', 'filetime', 'ldap', 'win32', 'units'],
   component: () => import('./date-time-converter.vue'),
   icon: Calendar,
   npmPackages: ['date-fns'],
diff --git a/src/tools/dbm-mw-converter/index.ts b/src/tools/dbm-mw-converter/index.ts
@@ -6,7 +6,7 @@ export const tool = defineTool({
   name: t('tools.dbm-mw-converter.title'),
   path: '/dbm-mw-converter',
   description: t('tools.dbm-mw-converter.description'),
-  keywords: ['dbm', 'mw', 'converter'],
+  keywords: ['dbm', 'mw', 'converter', 'units'],
   component: () => import('./dbm-mw-converter.vue'),
   icon: DeviceAudioTape,
   createdAt: new Date('2025-10-03'),
diff --git a/src/tools/duration-calculator/index.ts b/src/tools/duration-calculator/index.ts
@@ -6,7 +6,7 @@ export const tool = defineTool({
   name: t('tools.duration-calculator.title'),
   path: '/duration-calculator',
   description: t('tools.duration-calculator.description'),
-  keywords: ['duration', 'iso', '8601', 'time', 'calculator'],
+  keywords: ['duration', 'iso', '8601', 'time', 'calculator', 'units'],
   component: () => import('./duration-calculator.vue'),
   icon: CalendarTime,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/energy-converter/index.ts b/src/tools/energy-converter/index.ts
@@ -6,7 +6,9 @@ export const tool = defineTool({
   name: t('tools.energy-converter.title'),
   path: '/energy-converter',
   description: t('tools.energy-converter.description'),
-  keywords: ['energy', 'converter'],
+  keywords: ['energy', 'converter',
+    'units', 'joule', 'watt-hour',
+  ],
   component: () => import('./energy-converter.vue'),
   icon: Power,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/force-converter/index.ts b/src/tools/force-converter/index.ts
@@ -6,7 +6,9 @@ export const tool = defineTool({
   name: t('tools.force-converter.title'),
   path: '/force-converter',
   description: t('tools.force-converter.description'),
-  keywords: ['force', 'converter'],
+  keywords: ['force', 'converter',
+    'units', 'newton', 'dyne', 'pond', 'ton-force',
+  ],
   component: () => import('./force-converter.vue'),
   icon: Power,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/illuminance-converter/index.ts b/src/tools/illuminance-converter/index.ts
@@ -6,7 +6,12 @@ export const tool = defineTool({
   name: t('tools.illuminance-converter.title'),
   path: '/illuminance-converter',
   description: t('tools.illuminance-converter.description'),
-  keywords: ['illuminance', 'converter', 'lux', 'lx', 'foot', 'candles', 'fc', 'flame', 'nox', 'phot'],
+  keywords: [
+    'illuminance',
+    'converter',
+    'lux', 'lx',
+    'foot', 'candles', 'fc', 'flame',
+    'nox', 'phot', 'units'],
   component: () => import('./illuminance-converter.vue'),
   icon: Brightness2,
   createdAt: new Date('2025-02-09'),
diff --git a/src/tools/length-converter/index.ts b/src/tools/length-converter/index.ts
@@ -6,7 +6,9 @@ export const tool = defineTool({
   name: t('tools.length-converter.title'),
   path: '/length-converter',
   description: t('tools.length-converter.description'),
-  keywords: ['length', 'converter'],
+  keywords: ['length', 'converter',
+    'units', 'meter', 'foot', 'feet', 'inch', 'yard', 'mile', 'pica', 'light',
+  ],
   component: () => import('./length-converter.vue'),
   icon: SquareHalf,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/many-units-converter/many-units-converter.vue b/src/tools/many-units-converter/many-units-converter.vue
@@ -4,9 +4,16 @@ import _ from 'lodash';
 import { type Unit, convertMany } from 'convert';
 import allUnits from './allunits.json';
 import { useQueryParam } from '@/composable/queryParams';
+import { useToolStore } from '@/tools/tools.store';
 
 const { t } = useI18n();
 
+const toolStore = useToolStore();
+
+const unitsConversionTools = computed(() => _.orderBy(
+  _.filter(toolStore.tools, t => t.keywords?.includes('units')),
+  'name', 'asc'));
+
 const allUnitsSorted = _.uniq(allUnits).sort();
 
 const inputExpression = useQueryParam({ tool: 'many-units-conv', name: 'expr', defaultValue: '' });
@@ -59,10 +66,39 @@ const result = computed(() => {
 
     <c-card v-if="result.best" :title="t('tools.many-units-converter.texts.title-result')" mb-2>
       <input-copyable :label="t('tools.many-units-converter.texts.label-best-target-unit')" :value="result.best" mb-1 />
-      <input-copyable v-if="result.selected" :label="`Selected Target Unit (${outputUnit})`" :value="result.selected" />
+      <input-copyable v-if="result.selected" :label="$t('tools.many-units-converter.texts.label-selected-target-unit-outputunit', [outputUnit])" :value="result.selected" />
     </c-card>
-    <c-alert v-if="result.error && inputExpression">
+    <c-alert v-if="result.error && inputExpression" mb-2>
       {{ result.error }}
     </c-alert>
+
+    <n-card :title="$t('tools.many-units-converter.texts.title-other-units-conversion-tools')" mx-auto>
+      <n-table>
+        <thead>
+          <tr>
+            <th>
+              {{ $t('about.tools.name') }}
+            </th>
+            <th>
+              {{ $t('about.tools.desc') }}
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="(tool, ix) in unitsConversionTools" :key="ix">
+            <td>
+              <router-link :to="tool.path" class="decoration-none" target="_blank">
+                {{ tool.name }}
+              </router-link>
+            </td>
+            <td>
+              {{ tool.description }}
+              <br>
+              -&gt; {{ tool.keywords?.join(', ') }}
+            </td>
+          </tr>
+        </tbody>
+      </n-table>
+    </n-card>
   </div>
 </template>
diff --git a/src/tools/mass-converter/index.ts b/src/tools/mass-converter/index.ts
@@ -6,7 +6,9 @@ export const tool = defineTool({
   name: t('tools.mass-converter.title'),
   path: '/mass-converter',
   description: t('tools.mass-converter.description'),
-  keywords: ['mass', 'converter'],
+  keywords: ['mass', 'converter',
+    'units', 'gram', 'ton', 'tonne', 'pound', 'stone', 'ounce',
+  ],
   component: () => import('./mass-converter.vue'),
   icon: Atom,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/power-converter/index.ts b/src/tools/power-converter/index.ts
@@ -6,7 +6,9 @@ export const tool = defineTool({
   name: t('tools.power-converter.title'),
   path: '/power-converter',
   description: t('tools.power-converter.description'),
-  keywords: ['power', 'converter'],
+  keywords: ['power', 'converter',
+    'units', 'watt', 'horse',
+  ],
   component: () => import('./power-converter.vue'),
   icon: Power,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/pressure-converter/index.ts b/src/tools/pressure-converter/index.ts
@@ -6,7 +6,9 @@ export const tool = defineTool({
   name: t('tools.pressure-converter.title'),
   path: '/pressure-converter',
   description: t('tools.pressure-converter.description'),
-  keywords: ['pressure', 'converter'],
+  keywords: ['pressure', 'converter',
+    'units', 'pascal', 'bar', 'torr', 'atmosphere',
+  ],
   component: () => import('./pressure-converter.vue'),
   icon: Atom,
   createdAt: new Date('2024-08-15'),
diff --git a/src/tools/temperature-converter/index.ts b/src/tools/temperature-converter/index.ts
@@ -18,6 +18,7 @@ export const tool = defineTool({
     'Newton',
     'Réaumur',
     'Rømer',
+    'units',
   ],
   component: () => import('./temperature-converter.vue'),
   icon: Temperature,
diff --git a/src/tools/volume-converter/index.ts b/src/tools/volume-converter/index.ts
@@ -6,7 +6,9 @@ export const tool = defineTool({
   name: t('tools.volume-converter.title'),
   path: '/volume-converter',
   description: t('tools.volume-converter.description'),
-  keywords: ['volume', 'converter'],
+  keywords: ['volume', 'converter',
+    'units', 'meter', 'stere', 'cubic', 'liter', 'barrel', 'gallon', 'pint', 'ounce', 'quart', 'm3',
+  ],
   component: () => import('./volume-converter.vue'),
   icon: Gauge,
   createdAt: new Date('2024-08-15'),
