From 2e3631940965cb4399ab76c79c2a017e7b598ee8 Mon Sep 17 00:00:00 2001
From: zak39 <fotia.baptiste@hotmail.com>
Date: Tue, 30 Dec 2025 16:40:51 +0100
Subject: [PATCH] fix(components): Move isDarkTheme prop into setup hook

---
 src/GroupDetails.vue  | 6 +++++-
 src/GroupMenuItem.vue | 6 +++++-
 src/SpaceDetails.vue  | 7 ++++++-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/GroupDetails.vue b/src/GroupDetails.vue
index 0aac66c7f..ec9561c4f 100644
--- a/src/GroupDetails.vue
+++ b/src/GroupDetails.vue
@@ -116,13 +116,17 @@ export default {
 		UserTable,
 		NcIconSvgWrapper,
 	},
+	setup() {
+		return {
+			isDarkTheme: useIsDarkTheme(),
+		}
+	},
 	data() {
 		return {
 			showRenameGroupInput: false, // true to display 'Rename Group' NcActionInput
 			showSelectUsersModal: false, // true to display user selection Modal windows
 			showRemoveConnectedGroupModal: false,
 			showRemoveGroupModal: false,
-			isDarkTheme: useIsDarkTheme(),
 			mdiAccountMultiple,
 			AddedGroupBlack,
 			AddedGroupWhite,
diff --git a/src/GroupMenuItem.vue b/src/GroupMenuItem.vue
index da27b72a4..d6a00832f 100644
--- a/src/GroupMenuItem.vue
+++ b/src/GroupMenuItem.vue
@@ -53,9 +53,13 @@ export default {
 			default: 0,
 		},
 	},
-	data() {
+	setup() {
 		return {
 			isDarkTheme: useIsDarkTheme(),
+		}
+	},
+	data() {
+		return {
 			mdiAccountMultiple,
 			AddedGroupBlack,
 			AddedGroupWhite,
diff --git a/src/SpaceDetails.vue b/src/SpaceDetails.vue
index cfe6819c3..9bbda5cee 100644
--- a/src/SpaceDetails.vue
+++ b/src/SpaceDetails.vue
@@ -160,6 +160,11 @@ export default {
 	directives: {
 		Tooltip,
 	},
+	setup() {
+		return {
+			isDarkTheme: useIsDarkTheme(),
+		}
+	},
 	data() {
 		return {
 			createGroup: false, // true to display 'Create Group' ActionInput
@@ -175,7 +180,7 @@ export default {
 			AddedGroupBlack,
 			AddedGroupWhite,
 			iconUrl: undefined,
-			isDarkTheme: useIsDarkTheme(),
+			// isDarkTheme: useIsDarkTheme(),
 		}
 	},
 	computed: {