feat: add internationalization support

src/pages/tools/string/uppercase/index.tsx

@@ -5,6 +5,7 @@ import { UppercaseInput } from './service';
 import { CardExampleType } from '@components/examples/ToolExamples';
 import { ToolComponentProps } from '@tools/defineTool';
 import ToolContent from '@components/ToolContent';
+import { useTranslation } from 'react-i18next';
 
 const initialValues = {};
 
@@ -35,6 +36,7 @@ const exampleCards: CardExampleType<typeof initialValues>[] = [
 ];
 
 export default function Uppercase({ title }: ToolComponentProps) {
+  const { t } = useTranslation();
   const [input, setInput] = useState<string>('');
   const [result, setResult] = useState<string>('');
 
@@ -53,9 +55,18 @@ export default function Uppercase({ title }: ToolComponentProps) {
       compute={computeExternal}
       input={input}
       setInput={setInput}
-      inputComponent={<ToolTextInput value={input} onChange={setInput} />}
+      inputComponent={
+        <ToolTextInput
+          title={t('string.uppercase.inputTitle')}
+          value={input}
+          onChange={setInput}
+        />
+      }
       resultComponent={
-        <ToolTextResult title={'Uppercase text'} value={result} />
+        <ToolTextResult
+          title={t('string.uppercase.resultTitle')}
+          value={result}
+        />
       }
       exampleCards={exampleCards}
     />

src/pages/tools/string/uppercase/meta.ts

@@ -4,10 +4,15 @@ import { lazy } from 'react';
 export const tool = defineTool('string', {
   name: 'Uppercase',
   path: 'uppercase',
-  icon: 'material-symbols-light:text-fields',
+  icon: 'material-symbols-light:format-textdirection-l-to-r',
   description:
-    "World's simplest browser-based utility for converting text to uppercase. Just input your text and it will be automatically converted to all capital letters. Perfect for creating headlines, emphasizing text, or standardizing text format. Supports various text formats and preserves special characters.",
-  shortDescription: 'Convert text to uppercase letters',
+    "World's simplest browser-based utility for converting text to uppercase. Input your text and instantly get all characters in uppercase. Perfect for formatting, shouting, or emphasizing text.",
+  shortDescription: 'Convert text to uppercase',
   keywords: ['uppercase'],
-  component: lazy(() => import('./index'))
+  component: lazy(() => import('./index')),
+  i18n: {
+    name: 'string.uppercase.name',
+    description: 'string.uppercase.description',
+    shortDescription: 'string.uppercase.shortDescription'
+  }
 });