From 1ab1ce0db9b1b8c9c1e389daba62032efcbf0b02 Mon Sep 17 00:00:00 2001
From: Christian Hartmann <chris-hartmann@gmx.de>
Date: Tue, 7 Apr 2026 15:23:31 +0200
Subject: [PATCH] chore: change deprecated sass @import rules to @use rules for
 markdownOutput mixin

Signed-off-by: Christian Hartmann <chris-hartmann@gmx.de>
---
 src/components/Questions/Question.vue             | 2 +-
 src/components/SidebarTabs/SettingsSidebarTab.vue | 6 +++---
 src/views/Create.vue                              | 2 --
 src/views/Submit.vue                              | 2 +-
 4 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/Questions/Question.vue b/src/components/Questions/Question.vue
index 51b171c94..4fe673ec0 100644
--- a/src/components/Questions/Question.vue
+++ b/src/components/Questions/Question.vue
@@ -400,7 +400,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../scssmixins/markdownOutput';
+@use '../../scssmixins/markdownOutput' as *;
 
 .question {
 	position: relative;
diff --git a/src/components/SidebarTabs/SettingsSidebarTab.vue b/src/components/SidebarTabs/SettingsSidebarTab.vue
index 5fd11c874..b973b6e54 100644
--- a/src/components/SidebarTabs/SettingsSidebarTab.vue
+++ b/src/components/SidebarTabs/SettingsSidebarTab.vue
@@ -505,6 +505,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@use '../../scssmixins/markdownOutput' as *;
+
 #expiresDatetimePicker {
 	width: calc(100% - var(--default-clickable-area));
 }
@@ -536,7 +538,7 @@ export default {
 	}
 
 	&__output {
-		@import '../../scssmixins/markdownOutput';
+		@include markdown-output;
 
 		padding: 12px;
 		margin-block: 3px;
@@ -546,8 +548,6 @@ export default {
 		&:hover {
 			border-color: var(--color-primary-element);
 		}
-
-		@include markdown-output;
 	}
 }
 </style>
diff --git a/src/views/Create.vue b/src/views/Create.vue
index 55b4a3d10..c2abebcf9 100644
--- a/src/views/Create.vue
+++ b/src/views/Create.vue
@@ -633,8 +633,6 @@ export default {
 </style>
 
 <style lang="scss" scoped>
-@import '../scssmixins/markdownOutput';
-
 .emptycontent {
 	display: flex;
 	height: 100%;
diff --git a/src/views/Submit.vue b/src/views/Submit.vue
index ad0905a10..ffcd9b3a4 100644
--- a/src/views/Submit.vue
+++ b/src/views/Submit.vue
@@ -901,7 +901,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../scssmixins/markdownOutput';
+@use '../scssmixins/markdownOutput' as *;
 
 .forms-emptycontent {
 	height: 100%;