chore: add i18n to meta script

src/pages/tools/image/generic/change-colors/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:changeColors.title',
+    description: 'image:changeColors.description',
+    shortDescription: 'image:changeColors.shortDescription'
+  },
   name: 'Change colors in image',
   path: 'change-colors',
   icon: 'cil:color-fill',

src/pages/tools/image/generic/change-opacity/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:changeOpacity.title',
+    description: 'image:changeOpacity.description',
+    shortDescription: 'image:changeOpacity.shortDescription'
+  },
   name: 'Change image Opacity',
   path: 'change-opacity',
   icon: 'material-symbols:opacity',

src/pages/tools/image/generic/compress/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:compress.title',
+    description: 'image:compress.description',
+    shortDescription: 'image:compress.shortDescription'
+  },
   name: 'Compress Image',
   path: 'compress',
   component: lazy(() => import('./index')),

src/pages/tools/image/generic/convert-to-jpg/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:convertToJpg.title',
+    description: 'image:convertToJpg.description',
+    shortDescription: 'image:convertToJpg.shortDescription'
+  },
   name: 'Convert Images to JPG',
   path: 'convert-to-jpg',
   icon: 'ph:file-jpg-thin',

src/pages/tools/image/generic/create-transparent/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:createTransparent.title',
+    description: 'image:createTransparent.description',
+    shortDescription: 'image:createTransparent.shortDescription'
+  },
   name: 'Create transparent PNG',
   path: 'create-transparent',
   icon: 'mdi:circle-transparent',

src/pages/tools/image/generic/crop/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:crop.title',
+    description: 'image:crop.description',
+    shortDescription: 'image:crop.shortDescription'
+  },
   name: 'Crop',
   path: 'crop',
   icon: 'mdi:crop', // Iconify icon as a string

src/pages/tools/image/generic/editor/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:editor.title',
+    description: 'image:editor.description',
+    shortDescription: 'image:editor.shortDescription'
+  },
   name: 'Image Editor',
   path: 'editor',
   icon: 'mdi:image-edit',

src/pages/tools/image/generic/image-to-text/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:imageToText.title',
+    description: 'image:imageToText.description',
+    shortDescription: 'image:imageToText.shortDescription'
+  },
   name: 'Image to Text (OCR)',
   path: 'image-to-text',
   icon: 'mdi:text-recognition', // Iconify icon as a string

src/pages/tools/image/generic/qr-code/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:qrCode.title',
+    description: 'image:qrCode.description',
+    shortDescription: 'image:qrCode.shortDescription'
+  },
   name: 'QR Code Generator',
   path: 'qr-code',
   icon: 'mdi:qrcode', // Iconify icon as a string

src/pages/tools/image/generic/remove-background/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:removeBackground.title',
+    description: 'image:removeBackground.description',
+    shortDescription: 'image:removeBackground.shortDescription'
+  },
   name: 'Remove Background from Image',
   path: 'remove-background',
   icon: 'mdi:image-remove',

src/pages/tools/image/generic/resize/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:resize.title',
+    description: 'image:resize.description',
+    shortDescription: 'image:resize.shortDescription'
+  },
   name: 'Resize Image',
   path: 'resize',
   icon: 'mdi:resize', // Iconify icon as a string

src/pages/tools/image/generic/rotate/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('image-generic', {
+  i18n: {
+    name: 'image:rotate.title',
+    description: 'image:rotate.description',
+    shortDescription: 'image:rotate.shortDescription'
+  },
   name: 'Rotate Image',
   path: 'rotate',
   icon: 'mdi:rotate-clockwise',

src/pages/tools/image/i18n/en.json

@@ -23,18 +23,76 @@
     "toolInfo": {
       "title": "Resize Image",
       "description": "This tool allows you to resize JPG, PNG, SVG, or GIF images. You can resize by specifying dimensions in pixels or by percentage, with options to maintain the original aspect ratio."
-    }
+    },
+    "shortDescription": "Resize images easily."
   },
   "compress": {
     "title": "Compress Image",
     "description": "Reduce image file size while maintaining quality.",
     "inputTitle": "Input image",
-    "resultTitle": "Compressed image"
+    "resultTitle": "Compressed image",
+    "shortDescription": "Compress images to reduce file size while maintaining reasonable quality."
   },
   "crop": {
     "title": "Crop Image",
     "description": "Crop images to remove unwanted areas.",
     "inputTitle": "Input image",
-    "resultTitle": "Cropped image"
+    "resultTitle": "Cropped image",
+    "shortDescription": "Crop images quickly."
+  },
+  "changeColors": {
+    "title": "Change colors in image",
+    "description": "World",
+    "shortDescription": "Quickly swap colors in a image"
+  },
+  "changeOpacity": {
+    "title": "Change image Opacity",
+    "description": "Easily adjust the transparency of your images. Simply upload your image, use the slider to set the desired opacity level between 0 (fully transparent) and 1 (fully opaque), and download the modified image.",
+    "shortDescription": "Adjust transparency of images"
+  },
+  "convertToJpg": {
+    "title": "Convert Images to JPG",
+    "description": "Convert various image formats (PNG, GIF, TIF, PSD, SVG, WEBP, HEIC, RAW) to JPG with customizable quality and background color settings.",
+    "shortDescription": "Convert images to JPG with quality control"
+  },
+  "createTransparent": {
+    "title": "Create transparent PNG",
+    "description": "World",
+    "shortDescription": "Quickly make an image transparent"
+  },
+  "editor": {
+    "title": "Image Editor",
+    "description": "Advanced image editor with tools for cropping, rotating, annotating, adjusting colors, and adding watermarks. Edit your images with professional-grade tools directly in your browser.",
+    "shortDescription": "Edit images with advanced tools and features"
+  },
+  "imageToText": {
+    "title": "Image to Text (OCR)",
+    "description": "Extract text from images (JPG, PNG) using optical character recognition (OCR).",
+    "shortDescription": "Extract text from images using OCR."
+  },
+  "qrCode": {
+    "title": "QR Code Generator",
+    "description": "Generate QR codes for different data types: URL, Text, Email, Phone, SMS, WiFi, vCard, and more.",
+    "shortDescription": "Create customized QR codes for various data formats."
+  },
+  "removeBackground": {
+    "title": "Remove Background from Image",
+    "description": "World",
+    "shortDescription": "Automatically remove backgrounds from images"
+  },
+  "rotate": {
+    "title": "Rotate Image",
+    "description": "Rotate an image by a specified angle.",
+    "shortDescription": "Rotate an image easily."
+  },
+  "compressPng": {
+    "title": "Compress png",
+    "description": "This is a program that compresses PNG pictures. As soon as you paste your PNG picture in the input area, the program will compress it and show the result in the output area. In the options, you can adjust the compression level, as well as find the old and new picture file sizes.",
+    "shortDescription": "Quickly compress a PNG"
+  },
+  "convertJgpToPng": {
+    "title": "Convert JPG to PNG",
+    "description": "Quickly convert your JPG images to PNG. Just import your PNG image in the editor on the left",
+    "shortDescription": "Quickly convert your JPG images to PNG"
   }
 }

src/pages/tools/image/png/compress-png/meta.ts

@@ -3,6 +3,11 @@ import { lazy } from 'react';
 // import image from '@assets/text.png';
 
 export const tool = defineTool('png', {
+  i18n: {
+    name: 'image:compressPng.title',
+    description: 'image:compressPng.description',
+    shortDescription: 'image:compressPng.shortDescription'
+  },
   name: 'Compress png',
   path: 'compress-png',
   icon: 'material-symbols-light:compress',

src/pages/tools/image/png/convert-jgp-to-png/meta.ts

@@ -2,6 +2,11 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('png', {
+  i18n: {
+    name: 'image:convertJgpToPng.title',
+    description: 'image:convertJgpToPng.description',
+    shortDescription: 'image:convertJgpToPng.shortDescription'
+  },
   name: 'Convert JPG to PNG',
   path: 'convert-jgp-to-png',
   icon: 'ph:file-jpg-thin',