Merge branch 'main' into main

README.md

@@ -1,3 +1,5 @@
+*This is a fork of https://github.com/jpkleemans/vite-svg-loader with the sole difference that it replaces `component` with `inline` to make it backwards compatible with components using the webpack svg loader.*
+
 # Vite SVG loader
 Vite plugin to load SVG files as Vue components, using SVGO for optimization.
 
@@ -48,9 +50,9 @@ import iconRaw from './my-icon.svg?raw'
 ```
 
 ### Component
-SVGs can be explicitly imported as Vue components using the `?component` suffix:
+SVGs can be explicitly imported as Vue components using the `?inline` suffix:
 ```js
-import IconComponent from './my-icon.svg?component'
+import IconComponent from './my-icon.svg?inline'
 // <IconComponent />
 ```
 
@@ -92,18 +94,9 @@ import IconWithoutOptimizer from './my-icon.svg?skipsvgo'
 ```
 
 ### Use with TypeScript
-If you use the loader in a Typescript project, you'll need to import your svg files with the `?component` param: `import MyIcon from './my-icon.svg?component'`.
+If you use the loader in a Typescript project, you'll need to import your svg files with the `?inline` param: `import MyIcon from './my-icon.svg?inline'`.
 
 You'll also need to reference the type definitions:
 ```ts
 /// <reference types="vite-svg-loader" />
 ```
-
-## Sponsors
-
-<a href="https://www.nexxtmove.nl/" target="_blank">
-  <img src="https://raw.githubusercontent.com/jpkleemans/attribute-events/gh-pages/nexxtmove-logo.svg" alt="Nexxtmove Logo" width="200">
-</a>
-
-Thanks to <a href="https://www.nexxtmove.nl/" target="_blank">Nexxtmove</a> for sponsoring the development of this project.  
-Your logo or name here? [Sponsor this project](https://github.com/sponsors/jpkleemans).

index.js

@@ -5,7 +5,7 @@ const { optimize: optimizeSvg } = require('svgo')
 module.exports = function svgLoader (options = {}) {
   const { svgoConfig, svgo, defaultImport } = options
 
-  const svgRegex = /\.svg(\?(raw|component|skipsvgo))?$/
+  const svgRegex = /\.svg(\?(raw|inline|skipsvgo))?$/
 
   return {
     name: 'svg-loader',

package.json

@@ -1,14 +1,18 @@
 {
-  "name": "vite-svg-loader",
-  "version": "4.1.0",
-  "description": "Vite plugin to load SVG files as Vue components",
-  "keywords": [
-    "vite",
-    "vue",
-    "svg"
-  ],
+  "name": "@gkatsanos/vite-svg-loader",
+  "version": "1.3.0",
+  "description": "A Vite loader to manage SVG files",
   "main": "./index.js",
   "types": "./index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/gkatsanos/vite-svg-loader.git"
+  },
+  "author": "",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/gkatsanos/vite-svg-loader/issues"
+  },
   "dependencies": {
     "svgo": "^3.0.2"
   },
@@ -25,17 +29,5 @@
     "example:build": "cd ./examples/vue && npm ci && npm run build",
     "example:serve": "cd ./examples/vue && npm run serve"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/jpkleemans/vite-svg-loader.git"
-  },
-  "author": {
-    "name": "Jan-Paul Kleemans",
-    "email": "jpkleemans@gmail.com"
-  },
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/jpkleemans/vite-svg-loader/issues"
-  },
-  "homepage": "https://github.com/jpkleemans/vite-svg-loader#readme"
+  "homepage": "https://github.com/gkatsanos/vite-svg-loader#readme"
 }