📝 svgo impl

.changeset/fresh-vans-press.md

@@ -0,0 +1,5 @@
+---
+"@svgr-rs/svgrs-plugin": minor
+---
+
+support nodejs svgo

README.md

@@ -10,6 +10,73 @@ Use [svgr-rs](https://github.com/svg-rust/svgr-rs) with vite and webpack.
 pnpm i @svgr-rs/svgrs-plugin -D
 ```
 
+## options
+
+> [!NOTE]  
+Common options, both work with `vite` and `webpack`. Check more supported options from [svg-rust/svgr-rs](https://github.com/svg-rust/svgr-rs). 
+
+**Extra options for plugins:**
+
+`svgoImplementation`
+
+> [!NOTE]  
+Use different version `svgo` to optimize svg. Only work when `options.svgo` is enabled.
+
+- type check below example code for details
+
+```ts
+import Svgo from 'svgo'
+
+function getInfo(state: { filePath?: string }) {
+  return state.filePath
+    ? {
+        input: 'file',
+        path: state.filePath,
+      }
+    : {
+        input: 'string',
+      }
+}
+
+export const svgo = () => {
+  let svgo: any
+  return {
+    async optimize(code: string, { path, ...config }: any) {
+      if (!svgo) {
+        svgo = new Svgo(config)
+      }
+      return svgo.optimize(code, getInfo({ filePath: path }))
+    },
+  }
+}
+
+// example for webpack config
+{
+  loader: require.resolve('@svgr-rs/svgrs-plugin/webpack'),
+  options: {
+    ref: true,
+    exportType: 'default',
+    jsxRuntime: 'automatic',
+    icon: false,
+    svgo: true,
+    svgoImplementation: svgo(),
+    svgoConfig: {
+      plugins: [
+        { prefixIds: true },
+        { removeDimensions: false },
+        { removeViewBox: true },
+      ],
+    },
+  },
+},
+```
+
+
+`svgoConfig`
+
+- type check `svgo` config for more details
+
+
 ## usage
 
 ### `vite`

src/type.ts

@@ -5,6 +5,5 @@ export interface Config extends SvgrsConfig {
    * @description Extended config options for @svgr-rs/core, load custom svgo implementation
    */
   svgoImplementation?: any
-  // svgoConfig is hidden in @svgr-rs/core
   svgoConfig?: any
 }