fix: use vue3 slot syntax

Signed-off-by: grnd-alt <git@belakkaf.net>

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",

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",

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>

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">

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"

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"

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">

src/components/navigation/AppNavigationBoard.vue

@@ -21,7 +21,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"