From 8e805dbec3d8b0701db728f9dfcb4d92d3630aa6 Mon Sep 17 00:00:00 2001
From: grnd-alt <git@belakkaf.net>
Date: Mon, 10 Mar 2025 13:07:52 +0100
Subject: [PATCH] fix: use vue3 slot syntax

Signed-off-by: grnd-alt <github@belakkaf.net>
---
 package-lock.json                                |  2 +-
 package.json                                     |  2 +-
 src/components/ActivityList.vue                  | 12 +++++++++---
 src/components/Controls.vue                      |  8 ++++++--
 src/components/board/Board.vue                   |  2 +-
 src/components/card/DueDateSelector.vue          |  8 ++++++--
 src/components/cards/CardMenuEntries.vue         |  4 +++-
 src/components/navigation/AppNavigationBoard.vue |  2 +-
 8 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 369f9506c..3fa418d73 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,7 +22,7 @@
         "@nextcloud/moment": "^1.3.2",
         "@nextcloud/notify_push": "^1.3.0",
         "@nextcloud/router": "^3.0.1",
-        "@nextcloud/vue": "^9.0.0-alpha.6",
+        "@nextcloud/vue": "^9.0.0-alpha.7",
         "@vue/compat": "^3.5.13",
         "@vue/compiler-sfc": "^3.5.13",
         "@vue/vue3-jest": "^29.2.6",
diff --git a/package.json b/package.json
index 4d0a04fb5..5726170bd 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,7 @@
     "@nextcloud/moment": "^1.3.2",
     "@nextcloud/notify_push": "^1.3.0",
     "@nextcloud/router": "^3.0.1",
-    "@nextcloud/vue": "^9.0.0-alpha.6",
+    "@nextcloud/vue": "^9.0.0-alpha.7",
     "@vue/compat": "^3.5.13",
     "@vue/compiler-sfc": "^3.5.13",
     "@vue/vue3-jest": "^29.2.6",
diff --git a/src/components/ActivityList.vue b/src/components/ActivityList.vue
index 9bb087c86..669dd04f1 100644
--- a/src/components/ActivityList.vue
+++ b/src/components/ActivityList.vue
@@ -10,9 +10,15 @@
 			:key="activity.activity_id"
 			:activity="activity" />
 		<InfiniteLoading :identifier="objectId" @infinite="infiniteHandler" @change="changeObject">
-			<div slot="spinner" class="icon-loading" />
-			<div slot="no-more" />
-			<div slot="no-results" />
+			<template #spinner>
+				<div class="icon-loading" />
+			</template>
+			<template #no-more>
+				<div />
+			</template>
+			<template #no-results>
+				<div />
+			</template>
 		</InfiniteLoading>
 	</div>
 </template>
diff --git a/src/components/Controls.vue b/src/components/Controls.vue
index e9b81a921..07842ddea 100644
--- a/src/components/Controls.vue
+++ b/src/components/Controls.vue
@@ -231,12 +231,16 @@
 					</NcActionButton>
 					<NcActionButton v-if="compactMode"
 						@click="toggleCompactMode">
-						<ArrowExpandVerticalIcon slot="icon" :size="20" decorative />
+						<template #icon>
+							<ArrowExpandVerticalIcon :size="20" decorative />
+						</template>
 						{{ t('deck', 'Toggle compact mode') }}
 					</NcActionButton>
 					<NcActionButton v-else
 						@click="toggleCompactMode">
-						<ArrowCollapseVerticalIcon slot="icon" :size="20" decorative />
+						<template #icon>
+							<ArrowCollapseVerticalIcon :size="20" decorative />
+						</template>
 						{{ t('deck', 'Toggle compact mode') }}
 					</NcActionButton>
 					<NcActionButton @click="toggleShowCardCover">
diff --git a/src/components/board/Board.vue b/src/components/board/Board.vue
index bdff1144b..a39d0fb75 100644
--- a/src/components/board/Board.vue
+++ b/src/components/board/Board.vue
@@ -29,8 +29,8 @@
 					{{ t('deck', 'Create a new list to add cards to this board') }}
 					<form @submit.prevent="addNewStack()">
 						<NcTextField ref="newStackInput"
+							v-model="newStackTitle"
 							:disable="loading"
-							:value.sync="newStackTitle"
 							:placeholder="t('deck', 'List name')"
 							type="text" />
 						<NcButton type="secondary"
diff --git a/src/components/card/DueDateSelector.vue b/src/components/card/DueDateSelector.vue
index 4fdbc0553..3ee2366c5 100644
--- a/src/components/card/DueDateSelector.vue
+++ b/src/components/card/DueDateSelector.vue
@@ -4,8 +4,12 @@
 -->
 <template>
 	<CardDetailEntry :label="t('deck', 'Assign a due date to this card…')" data-test="due-date-selector">
-		<Calendar v-if="!card.done" slot="icon" :size="20" />
-		<CalendarCheck v-else slot="icon" :size="20" />
+		<template v-if="!card.done" #icon>
+			<Calendar :size="20" />
+		</template>
+		<template v-else #icon>
+			<CalendarCheck :size="20" />
+		</template>
 		<template v-if="!card.done && !card.archived">
 			<NcDateTimePickerNative v-if="duedate"
 				id="card-duedate-picker"
diff --git a/src/components/cards/CardMenuEntries.vue b/src/components/cards/CardMenuEntries.vue
index 373cadeae..1366513aa 100644
--- a/src/components/cards/CardMenuEntries.vue
+++ b/src/components/cards/CardMenuEntries.vue
@@ -6,7 +6,9 @@
 <template>
 	<div>
 		<NcActionButton v-if="!hideDetailsEntry" :close-after-click="true" @click="openCard">
-			<CardBulletedIcon slot="icon" :size="20" decorative />
+			<template #icon>
+				<CardBulletedIcon icon :size="20" decorative />
+			</template>
 			{{ t('deck', 'Card details') }}
 		</NcActionButton>
 		<NcActionButton v-if="canEdit" :close-after-click="true" @click="editTitle">
diff --git a/src/components/navigation/AppNavigationBoard.vue b/src/components/navigation/AppNavigationBoard.vue
index 7219c1f7d..bc7431f4e 100644
--- a/src/components/navigation/AppNavigationBoard.vue
+++ b/src/components/navigation/AppNavigationBoard.vue
@@ -25,7 +25,7 @@
 			<AccountIcon v-if="board.acl.length > 0" />
 		</template>
 
-		<template v-if="!deleted" slot="actions">
+		<template v-if="!deleted" #actions>
 			<template v-if="!isDueSubmenuActive">
 				<NcActionButton icon="icon-info"
 					:close-after-click="true"