Allow specifying svgr options

README.md

@@ -12,7 +12,14 @@ import svgrPlugin from 'vite-plugin-svgr'
 
 export default {
   // ...
-  plugins: [svgrPlugin()],
+  plugins: [
+    svgrPlugin({
+      svgrOptions: {
+        icon: true,
+        // ...svgr options (https://react-svgr.com/docs/options/)
+      },
+    }),
+  ],
 }
 ```
 

package.json

@@ -25,9 +25,9 @@
     "vite": "^2.6.13"
   },
   "peerDependencies": {
-    "vite": "^2.0.0"
+    "vite": "^2.6.0"
   },
   "dependencies": {
-    "@svgr/core": "^6.0.0-alpha.2"
+    "@svgr/core": "^6.0.0-alpha.3"
   }
 }

src/index.ts

@@ -1,25 +1,31 @@
 import fs from 'fs'
-import { transformWithEsbuild, Plugin } from 'vite'
+import type { Config } from '@svgr/core'
+import { transformWithEsbuild } from 'vite'
+import type { Plugin } from 'vite'
+
+type Options = {
+  svgrOptions?: Config
+}
+
+export = function svgrPlugin(options: Options = {}): Plugin {
+  const { svgrOptions = {} } = options
 
-export default function svgrPlugin(): Plugin {
-  // TODO: options
   return {
     name: 'vite:svgr',
     async transform(code, id) {
       if (id.endsWith('.svg')) {
-        // TODO: exclude node_modules as an option
-        const { default: convert } = await import('@svgr/core')
+        const { transform: convert } = await import('@svgr/core')
 
         const svgCode = await fs.promises.readFile(id, 'utf8')
-        let componentCode = await convert(
-          svgCode,
-          {},
-          { componentName: 'ReactComponent' }
-        )
-        componentCode = componentCode.replace(
-          'export default ReactComponent',
-          'export { ReactComponent }'
-        )
+
+        const componentCode = await convert(svgCode, svgrOptions, {
+          componentName: 'ReactComponent',
+        }).then((res) => {
+          return res.replace(
+            'export default ReactComponent',
+            `export { ReactComponent }`
+          )
+        })
 
         const res = await transformWithEsbuild(
           componentCode + '\n' + code,