vite-plugin-svgr 1.0.1 → 1.1.0

package/lib/index.js

@@ -32,6 +32,7 @@ module.exports = function svgrPlugin({ svgrOptions, esbuildOptions, } = {}) {
                 const svgCode = await fs_1.default.promises.readFile(id, 'utf8');
                 const componentCode = await convert(svgCode, svgrOptions, {
                     componentName: 'ReactComponent',
+                    filePath: id,
                 }).then((res) => {
                     return res.replace('export default ReactComponent', `export { ReactComponent }`);
                 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-svgr",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Vite plugin to transform SVGs into React components",
   "main": "lib/index.js",
   "repository": "pd4d10/vite-plugin-svgr",
@@ -27,8 +27,7 @@
   },
   "scripts": {
     "dev": "tsc --watch",
-    "build": "tsc",
-    "prepublish": "npm run build"
+    "build": "tsc"
   },
   "readme": "# vite-plugin-svgr\n\n[![npm](https://img.shields.io/npm/v/vite-plugin-svgr.svg)](https://www.npmjs.com/package/vite-plugin-svgr)\n\nVite plugin to transform SVGs into React components. Uses [svgr](https://github.com/gregberge/svgr) under the hood.\n\n## Usage\n\n```js\n// vite.config.js\nimport svgrPlugin from 'vite-plugin-svgr'\n\nexport default {\n  // ...\n  plugins: [\n    svgrPlugin({\n      svgrOptions: {\n        icon: true,\n        // ...svgr options (https://react-svgr.com/docs/options/)\n      },\n    }),\n  ],\n}\n```\n\nThen SVG files can be imported as React components, just like [create-react-app](https://create-react-app.dev/docs/adding-images-fonts-and-files#adding-svgs) does:\n\n```js\nimport { ReactComponent as Logo } from './logo.svg'\n```\n\nIf you are using TypeScript, `vite-plugin-svgr/client` can be added to `tsconfig.json`:\n\n```json\n{\n  // ...\n  \"compilerOptions\": {\n    // ...\n    \"types\": [\"vite-plugin-svgr/client\"]\n  }\n}\n```\n\n## License\n\nMIT\n"
 }