fix: 🐛 bug update unplugin-svelte-components and config

Thanks [@Mohamed-Kaizen](https://github.com/Mohamed-Kaizen)
and fixing these issues.

Related to issue #/15 and #/16 on the
https://github.com/Mohamed-Kaizen/unplugin-svelte-components
repository.

package.json

@@ -49,7 +49,7 @@
 		"unocss-preset-radix": "^2.5.1",
 		"unocss-preset-scrollbar": "^0.2.1",
 		"unplugin-auto-import": "^0.16.2",
-		"unplugin-svelte-components": "^0.2.7",
+		"unplugin-svelte-components": "^0.2.8",
 		"vercel": "^30.0.0",
 		"vite": "^4.3.0"
 	},

pnpm-lock.yaml

@@ -1,4 +1,4 @@
-lockfileVersion: '6.1'
+lockfileVersion: '6.0'
 
 settings:
   autoInstallPeers: true
@@ -96,8 +96,8 @@ devDependencies:
     specifier: ^0.16.2
     version: 0.16.2
   unplugin-svelte-components:
-    specifier: ^0.2.7
+    specifier: ^0.2.8
-    version: 0.2.7
+    version: 0.2.8
   vercel:
     specifier: ^30.0.0
     version: 30.0.0(@types/node@14.18.33)(sass@1.62.1)
@@ -6241,13 +6241,6 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /magic-string@0.26.7:
-    resolution: {integrity: sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==}
-    engines: {node: '>=12'}
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
-
   /magic-string@0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
@@ -6805,13 +6798,6 @@ packages:
       brace-expansion: 1.1.11
     dev: true
 
-  /minimatch@5.1.6:
-    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
-    engines: {node: '>=10'}
-    dependencies:
-      brace-expansion: 2.0.1
-    dev: true
-
   /minimatch@9.0.1:
     resolution: {integrity: sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -8151,11 +8137,6 @@ packages:
     engines: {node: '>= 8'}
     dev: true
 
-  /sourcemap-codec@1.4.8:
-    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
-    deprecated: Please use @jridgewell/sourcemap-codec instead
-    dev: true
-
   /space-separated-tokens@2.0.2:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
     dev: true
@@ -8337,7 +8318,7 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 3.59.1
-      svelte-preprocess: 5.0.3(@babel/core@7.21.8)(postcss@8.4.23)(sass@1.62.1)(svelte@3.59.1)(typescript@5.0.4)
+      svelte-preprocess: 5.0.4(@babel/core@7.21.8)(postcss@8.4.23)(sass@1.62.1)(svelte@3.59.1)(typescript@5.0.4)
       typescript: 5.0.4
     transitivePeerDependencies:
       - '@babel/core'
@@ -8375,8 +8356,8 @@ packages:
       svelte: 3.59.1
     dev: true
 
-  /svelte-preprocess@5.0.3(@babel/core@7.21.8)(postcss@8.4.23)(sass@1.62.1)(svelte@3.59.1)(typescript@5.0.4):
+  /svelte-preprocess@5.0.4(@babel/core@7.21.8)(postcss@8.4.23)(sass@1.62.1)(svelte@3.59.1)(typescript@5.0.4):
-    resolution: {integrity: sha512-GrHF1rusdJVbOZOwgPWtpqmaexkydznKzy5qIC2FabgpFyKN57bjMUUUqPRfbBXK5igiEWn1uO/DXsa2vJ5VHA==}
+    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
     engines: {node: '>= 14.10.0'}
     requiresBuild: true
     peerDependencies:
@@ -8389,7 +8370,7 @@ packages:
       sass: ^1.26.8
       stylus: ^0.55.0
       sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
-      svelte: ^3.23.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0
       typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
     peerDependenciesMeta:
       '@babel/core':
@@ -8930,28 +8911,21 @@ packages:
       - rollup
     dev: true
 
-  /unplugin-svelte-components@0.2.7:
+  /unplugin-svelte-components@0.2.8:
-    resolution: {integrity: sha512-R8VKINqufkzO0JXEmwVO6GM+nCFFWS7LhcW9I5QWz6Aawt8HhFzNf6qsE3rP/TuBrPyOpjywYowlxBWvOwzHRQ==}
+    resolution: {integrity: sha512-prXhrgsH5XznQwIVR11WsND0CHgXJj2ICl5JVn18gAphe/hRC6cg8A1EJjc2NlqKI5Xk7A+B1mYyK0tukUV2ZQ==}
     engines: {node: '>=14'}
     dependencies:
       '@antfu/utils': 0.5.2
-      '@rollup/pluginutils': 4.2.1
+      '@rollup/pluginutils': 5.0.2
       chokidar: 3.5.3
       fast-glob: 3.2.12
       local-pkg: 0.4.3
-      magic-string: 0.26.7
+      magic-string: 0.30.0
-      minimatch: 5.1.6
+      minimatch: 9.0.1
       resolve: 1.22.2
-      unplugin: 0.9.6
+      unplugin: 1.3.1
-    dev: true
+    transitivePeerDependencies:
-
+      - rollup
-  /unplugin@0.9.6:
-    resolution: {integrity: sha512-YYLtfoNiie/lxswy1GOsKXgnLJTE27la/PeCGznSItk+8METYZErO+zzV9KQ/hXhPwzIJsfJ4s0m1Rl7ZCWZ4Q==}
-    dependencies:
-      acorn: 8.8.2
-      chokidar: 3.5.3
-      webpack-sources: 3.2.3
-      webpack-virtual-modules: 0.4.6
     dev: true
 
   /unplugin@1.3.1:
@@ -9187,10 +9161,6 @@ packages:
     engines: {node: '>=10.13.0'}
     dev: true
 
-  /webpack-virtual-modules@0.4.6:
-    resolution: {integrity: sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA==}
-    dev: true
-
   /webpack-virtual-modules@0.5.0:
     resolution: {integrity: sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==}
     dev: true

src/routes/+page.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">
+<script>
+	////
 </script>
 
 <section un-max-w="60ch" un-m="y-auto" un-font="cal">

vite.config.ts

@@ -14,8 +14,7 @@ export default defineConfig({
 	plugins: [
 		SvelteImport({
 			include: [
-				/\.svelte/,
+				/\.svelte$/,
-				/\.svelte\?svelte/,
 			],
 			external: [
 				...findPathsByExtension(path.join(__dirname, 'src'), '.svx').map((filePath) => {
@@ -52,16 +51,13 @@ export default defineConfig({
 			importPathTransform: (importPath) => {
 				if (path.extname(importPath) === '.svg')
 					return `${importPath}?component`;
-				if (getFileName(importPath).startsWith('+'))
-					return '';
 				else return importPath;
 			},
 			dts: './src/lib/components.d.ts',
 		}),
 		AutoImport({
 			include: [
-				/\.svelte/,
+				/\.svelte$/,
-				/\.svelte\?svelte/,
 				/.[tj]sx?$/,
 			],
 			imports: [