Fix illustrations

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

package-lock.json

@@ -14383,9 +14383,9 @@
 			}
 		},
 		"node_modules/striptags": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/striptags/-/striptags-3.1.1.tgz",
-			"integrity": "sha1-yMPn/db7S7OjKjt1LltePjgJPr0="
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/striptags/-/striptags-3.2.0.tgz",
+			"integrity": "sha512-g45ZOGzHDMe2bdYMdIvdAfCQkCTDMGBazSw1ypMowwGIee7ZQ5dU0rBJ8Jqgl+jAKIv4dbeE1jscZq9wid1Tkw=="
 		},
 		"node_modules/style-loader": {
 			"version": "2.0.0",
@@ -15078,9 +15078,9 @@
 			}
 		},
 		"node_modules/tar": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/tar/-/tar-6.1.0.tgz",
-			"integrity": "sha512-DUCttfhsnLCjwoDoFcI+B2iJgYa93vBnDUATYEeRx6sntCTdN01VnqsIuTlALXla/LWooNg0yEGeB+Y8WdFxGA==",
+			"version": "6.1.5",
+			"resolved": "https://registry.npmjs.org/tar/-/tar-6.1.5.tgz",
+			"integrity": "sha512-FiK6MQyyaqd5vHuUjbg/NpO8BuEGeSXcmlH7Pt/JkugWS8s0w8nKybWjHDJiwzCAIKZ66uof4ghm4tBADjcqRA==",
 			"dev": true,
 			"dependencies": {
 				"chownr": "^2.0.0",
@@ -28889,9 +28889,9 @@
 			"peer": true
 		},
 		"striptags": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/striptags/-/striptags-3.1.1.tgz",
-			"integrity": "sha1-yMPn/db7S7OjKjt1LltePjgJPr0="
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/striptags/-/striptags-3.2.0.tgz",
+			"integrity": "sha512-g45ZOGzHDMe2bdYMdIvdAfCQkCTDMGBazSw1ypMowwGIee7ZQ5dU0rBJ8Jqgl+jAKIv4dbeE1jscZq9wid1Tkw=="
 		},
 		"style-loader": {
 			"version": "2.0.0",
@@ -29457,9 +29457,9 @@
 			"peer": true
 		},
 		"tar": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/tar/-/tar-6.1.0.tgz",
-			"integrity": "sha512-DUCttfhsnLCjwoDoFcI+B2iJgYa93vBnDUATYEeRx6sntCTdN01VnqsIuTlALXla/LWooNg0yEGeB+Y8WdFxGA==",
+			"version": "6.1.5",
+			"resolved": "https://registry.npmjs.org/tar/-/tar-6.1.5.tgz",
+			"integrity": "sha512-FiK6MQyyaqd5vHuUjbg/NpO8BuEGeSXcmlH7Pt/JkugWS8s0w8nKybWjHDJiwzCAIKZ66uof4ghm4tBADjcqRA==",
 			"dev": true,
 			"requires": {
 				"chownr": "^2.0.0",

src/components/EmptyContent.vue

@@ -99,7 +99,7 @@ export default {
 			this.illustration = ''
 			if (this.illustrationName !== '') {
 				try {
-					const illustration = await import(`../assets/Illustrations/${this.illustrationName}.svg`)
+					const illustration = await import(`!raw-loader!../assets/Illustrations/${this.illustrationName}.svg`)
 					this.illustration = illustration.default
 				} catch (error) {
 					console.error('Could not get the error illustration', error)

src/components/Navigation.vue

@@ -144,6 +144,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@use 'sass:math';
 @import '../mixins/GridSizes.scss';
 
 .icon-confirm {
@@ -175,11 +176,11 @@ export default {
 	// Specific grid spacing
 	@include grid-sizes using ($marginTop, $marginW) {
 		// we space this with 2/3 margin top, 1/3 margin bottom
-		margin-top: ($marginTop - 44px) * 2 / 3;
+		margin-top: math.div($marginTop - 44px * 2, 3);
 
 		@if $marginW >= 44px {
 			&__back {
-				margin: 0 (($marginW - 44px) / 2);
+				margin: 0 math.div($marginW - 44px, 2);
 			}
 		}
 		&--root &__title {

webpack.js

@@ -29,13 +29,6 @@ webpackRules.RULE_SCSS.use = [
 	},
 ]
 
-webpackConfig.module.rules = Object.values(webpackRules)
-webpackConfig.module.rules.push({
-	test: /\.svg$/,
-	// illustrations
-	loader: 'raw-loader',
-})
-
 webpackConfig.plugins.push(
 	// patch webdav/dist/request.js
 	new webpack.NormalModuleReplacementPlugin(