feat: create tool script

src/pages/image/png/change-colors-in-png/change-colors-in-png.service.test.ts

@@ -0,0 +1,6 @@
+import { expect, describe, it } from 'vitest';
+// import { } from './service';
+//
+// describe('change-colors-in-png', () => {
+//
+// })

src/pages/image/png/change-colors-in-png/index.tsx

@@ -0,0 +1,11 @@
+import { Box } from '@mui/material';
+import React from 'react';
+import * as Yup from 'yup';
+
+const initialValues = {};
+const validationSchema = Yup.object({
+  // splitSeparator: Yup.string().required('The separator is required')
+});
+export default function ChangeColorsInPng() {
+  return <Box>Lorem ipsum</Box>;
+}

src/pages/image/png/change-colors-in-png/meta.ts

@@ -0,0 +1,12 @@
+import { defineTool } from '@tools/defineTool';
+import { lazy } from 'react';
+import image from '../../../assets/text.png';
+
+export const tool = defineTool('image/png', {
+  name: 'Change colors in png',
+  path: '/change-colors-in-png',
+  image,
+  description: '',
+  keywords: ['change', 'colors', 'in', 'png'],
+  component: lazy(() => import('./index'))
+});