fix: i18n tsc

src/pages/tools/json/minify/index.tsx

@@ -48,7 +48,7 @@ const exampleCards: CardExampleType<InitialValuesType>[] = [
 ];
 
 export default function MinifyJson({ title }: ToolComponentProps) {
-  const { t } = useTranslation();
+  const { t } = useTranslation('json');
   const [input, setInput] = useState<string>('');
   const [result, setResult] = useState<string>('');
 
@@ -61,14 +61,14 @@ export default function MinifyJson({ title }: ToolComponentProps) {
       title={title}
       inputComponent={
         <ToolTextInput
-          title={t('json:minify.inputTitle')}
+          title={t('minify.inputTitle')}
           value={input}
           onChange={setInput}
         />
       }
       resultComponent={
         <ToolTextResult
-          title={t('json:minify.resultTitle')}
+          title={t('minify.resultTitle')}
           value={result}
           extension={'json'}
         />
@@ -76,8 +76,8 @@ export default function MinifyJson({ title }: ToolComponentProps) {
       initialValues={initialValues}
       getGroups={null}
       toolInfo={{
-        title: t('json:minify.toolInfo.title'),
-        description: t('json:minify.toolInfo.description')
+        title: t('minify.toolInfo.title'),
+        description: t('minify.toolInfo.description')
       }}
       exampleCards={exampleCards}
       input={input}

src/pages/tools/json/prettify/index.tsx

@@ -116,7 +116,7 @@ const exampleCards: CardExampleType<InitialValuesType>[] = [
 ];
 
 export default function PrettifyJson({ title }: ToolComponentProps) {
-  const { t } = useTranslation();
+  const { t } = useTranslation('json');
   const [input, setInput] = useState<string>('');
   const [result, setResult] = useState<string>('');
 
@@ -131,14 +131,14 @@ export default function PrettifyJson({ title }: ToolComponentProps) {
       input={input}
       inputComponent={
         <ToolTextInput
-          title={t('json:prettify.inputTitle')}
+          title={t('prettify.inputTitle')}
           value={input}
           onChange={setInput}
         />
       }
       resultComponent={
         <ToolTextResult
-          title={t('json:prettify.resultTitle')}
+          title={t('prettify.resultTitle')}
           value={result}
           extension={'json'}
         />
@@ -146,14 +146,14 @@ export default function PrettifyJson({ title }: ToolComponentProps) {
       initialValues={initialValues}
       getGroups={({ values, updateField }) => [
         {
-          title: t('json:prettify.indentation'),
+          title: t('prettify.indentation'),
           component: (
             <Box>
               <RadioWithTextField
                 checked={values.indentationType === 'space'}
-                title={t('json:prettify.useSpaces')}
+                title={t('prettify.useSpaces')}
                 fieldName={'indentationType'}
-                description={t('json:prettify.useSpacesDescription')}
+                description={t('prettify.useSpacesDescription')}
                 value={values.spacesCount.toString()}
                 onRadioClick={() => updateField('indentationType', 'space')}
                 onTextChange={(val) =>
@@ -163,8 +163,8 @@ export default function PrettifyJson({ title }: ToolComponentProps) {
               <SimpleRadio
                 onClick={() => updateField('indentationType', 'tab')}
                 checked={values.indentationType === 'tab'}
-                description={t('json:prettify.useTabsDescription')}
-                title={t('json:prettify.useTabs')}
+                description={t('prettify.useTabsDescription')}
+                title={t('prettify.useTabs')}
               />
             </Box>
           )
@@ -174,8 +174,8 @@ export default function PrettifyJson({ title }: ToolComponentProps) {
       setInput={setInput}
       exampleCards={exampleCards}
       toolInfo={{
-        title: t('json:prettify.toolInfo.title'),
-        description: t('json:prettify.toolInfo.description')
+        title: t('prettify.toolInfo.title'),
+        description: t('prettify.toolInfo.description')
       }}
     />
   );

src/pages/tools/json/validateJson/index.tsx

@@ -47,7 +47,7 @@ const exampleCards: CardExampleType<{}>[] = [
 ];
 
 export default function ValidateJson({ title }: ToolComponentProps) {
-  const { t } = useTranslation();
+  const { t } = useTranslation('json');
   const [input, setInput] = useState<string>('');
   const [result, setResult] = useState<string>('');
 
@@ -55,9 +55,9 @@ export default function ValidateJson({ title }: ToolComponentProps) {
     const { valid, error } = validateJson(input);
 
     if (valid) {
-      setResult(t('json:validateJson.validJson'));
+      setResult(t('validateJson.validJson'));
     } else {
-      setResult(t('json:validateJson.invalidJson', { error }));
+      setResult(t('validateJson.invalidJson', { error }));
     }
   };
 
@@ -66,22 +66,19 @@ export default function ValidateJson({ title }: ToolComponentProps) {
       title={title}
       inputComponent={
         <ToolTextInput
-          title={t('json:validateJson.inputTitle')}
+          title={t('validateJson.inputTitle')}
           value={input}
           onChange={setInput}
         />
       }
       resultComponent={
-        <ToolTextResult
-          title={t('json:validateJson.resultTitle')}
-          value={result}
-        />
+        <ToolTextResult title={t('validateJson.resultTitle')} value={result} />
       }
       initialValues={{}}
       getGroups={null}
       toolInfo={{
-        title: t('json:validateJson.toolInfo.title'),
-        description: t('json:validateJson.toolInfo.description')
+        title: t('validateJson.toolInfo.title'),
+        description: t('validateJson.toolInfo.description')
       }}
       exampleCards={exampleCards}
       input={input}