Merge pull request #6 from yisibell/feature/v4.0

feat!: support for vite v6

example/.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+  "recommendations": ["Vue.volar"]
 }

example/package.json

@@ -14,35 +14,35 @@
   },
   "dependencies": {
     "demoify": "^2.1.0",
-    "pinia": "^2.1.6",
+    "pinia": "^2.2.7",
     "toolkitcss": "^1.1.1",
-    "vite-plugin-svg4vue": "^3.0.0",
-    "vue": "^3.3.4",
-    "vue-router": "^4.2.5"
+    "vite-plugin-svg4vue": "^4.0.0",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.5.0",
-    "@tsconfig/node18": "^18.2.2",
+    "@rushstack/eslint-patch": "^1.10.4",
+    "@tsconfig/node18": "^18.2.4",
     "@types/jsdom": "^20.0.1",
-    "@types/node": "^18.18.0",
-    "@types/prismjs": "^1.26.1",
-    "@vitejs/plugin-vue": "^4.5.0",
+    "@types/node": "^18.19.67",
+    "@types/prismjs": "^1.26.5",
+    "@vitejs/plugin-vue": "^4.6.2",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^11.0.3",
-    "@vue/test-utils": "^2.4.1",
+    "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.4.0",
-    "eslint": "^8.50.0",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint": "^9.15.0",
+    "eslint-plugin-vue": "^9.31.0",
     "jsdom": "^20.0.3",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.8",
     "prismjs": "^1.29.0",
-    "sass": "^1.68.0",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.10",
+    "sass": "^1.81.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.1",
     "vitest": "^0.34.6",
-    "vue-tsc": "^1.8.22"
+    "vue-tsc": "^1.8.27"
   },
   "engines": {
     "node": ">=18.0.0"

example/src/assets/styles/home.scss

@@ -1,4 +1,4 @@
-@import './base.scss';
+@use './base.scss';
 
 .button {
   &--primary {

package.json

@@ -2,15 +2,15 @@
   "name": "vite-plugin-svg4vue",
   "version": "3.2.0",
   "description": "A vite plugin which can transform svg icon to vue component, support optimization via SVGO, easy to customize svg color and size.",
+  "type": "module",
   "main": "lib/index.cjs.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",
-  "type": "module",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.esm.js",
-      "require": "./lib/index.cjs.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib/index.cjs.js"
     }
   },
   "files": [
@@ -62,7 +62,7 @@
     "rollup-plugin-dts": "^6.1.0",
     "tslib": "^2.6.2",
     "typescript": "~5.2.2",
-    "vite": "~5.0.0",
+    "vite": "~6.0.1",
     "vue": "^3.3.8"
   },
   "dependencies": {