Merge pull request #32 from SpiriitLabs/dev

Version 2.0.1

.github/workflows/ci.yml

@@ -129,7 +129,7 @@ jobs:
 
   lint:
     runs-on: ubuntu-latest
-    name: 'Lint: node-18, ubuntu-latest'
+    name: 'Lint: node-20, ubuntu-latest'
 
     steps:
       - uses: actions/checkout@v3

.npmrc

@@ -1 +1,2 @@
 auto-install-peers=true
+ignore-workspace-root-check=true

README.md

@@ -144,16 +144,18 @@ You can see the usage in the [corresponding demo folder](/demo/vue/src/App.vue).
 
 ViteJS allows to be use to [serve assets](https://vitejs.dev/guide/backend-integration.html). So, you can connect ViteJS with Wordpress, Drupal or any kind of backend.
 
-To make `vite-plugin-svg-spritemap` works with this kind of environnment, you will need to handle the right url inside your backend if you are on dev or build.
+> [!IMPORTANT]
+> To make `vite-plugin-svg-spritemap` works with this kind of environnment, you will need to handle the right url inside your backend if you are on dev or build.
+
+For example, with `<use>` on dev, using direcly the id of the svg (with the `injectSVGOnDev` option).
 
-For example, with `<use>` on dev:
 ```html
 <svg>
   <use xlink:href="#sprite-spiriit"></use>
 </svg>
 ```
 
-and in prod:
+And in prod, by putting the correct URL manually thanks to [the manifest.json file](https://vitejs.dev/guide/backend-integration.html) information :
 ```html
 <svg>
   <use xlink:href="https://my-cool-website.com/dist/assets/spritemap.95b4c41a.svg#sprite-spiriit"></use>

demo/basic/package.json

@@ -1,5 +1,6 @@
 {
   "name": "demo",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spiriit/vite-plugin-svg-spritemap",
   "type": "module",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "packageManager": "[email protected]",
   "description": "Generates symbol-based SVG spritemap from all .svg files in a directory",
   "author": "Spiriit",
@@ -74,13 +74,14 @@
   "devDependencies": {
     "@antfu/eslint-config": "2.0.0",
     "@types/hash-sum": "^1.0.2",
-    "@types/node": "^20.9.4",
+    "@types/node": "^20.10.0",
     "@types/xmldom": "^0.1.34",
     "@vitejs/plugin-vue": "^4.5.0",
     "@vitest/coverage-v8": "^0.34.6",
     "c8": "^8.0.1",
     "eslint": "^8.54.0",
     "playwright": "^1.40.0",
+    "rollup": "^4.5.2",
     "svg-element-attributes": "^2.1.0",
     "tsup": "^8.0.1",
     "typescript": "^5.3.2",