fix: Adapt to new nextcloud vue version

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/components/navigation/AppNavigation.vue

@@ -23,7 +23,7 @@
 <template>
 	<NcAppNavigation :class="{'icon-loading': loading}">
 		<template #list>
-			<NcAppNavigationItem :title="t('deck', 'Upcoming cards')"
+			<NcAppNavigationItem :name="t('deck', 'Upcoming cards')"
 				:exact="true"
 				to="/">
 				<template #icon>
@@ -61,7 +61,7 @@
 			<AppNavigationAddBoard v-if="canCreate" />
 		</template>
 		<template #footer>
-			<NcAppNavigationSettings :title="t('deck', 'Deck settings')">
+			<NcAppNavigationSettings :name="t('deck', 'Deck settings')">
 				<NcButton @click="showHelp = true">
 					{{ t('deck', 'Keyboard shortcuts') }}
 				</NcButton>
@@ -97,14 +97,14 @@
 						</label>
 					</div>
 
-					<NcMultiselect v-if="isAdmin"
+					<NcSelect v-if="isAdmin"
 						v-model="groupLimit"
 						:class="{'icon-loading-small': groupLimitDisabled}"
 						open-direction="bottom"
 						:options="groups"
 						:multiple="true"
 						:disabled="groupLimitDisabled"
-						:placeholder="t('deck', 'Limit board creation to some groups')"
+						:input-label="t('deck', 'Limit board creation to some groups')"
 						label="displayname"
 						track-by="id"
 						@input="updateConfig" />
@@ -121,7 +121,7 @@
 import axios from '@nextcloud/axios'
 import { mapGetters } from 'vuex'
 import ClickOutside from 'vue-click-outside'
-import { NcAppNavigation, NcAppNavigationItem, NcAppNavigationSettings, NcMultiselect, NcButton } from '@nextcloud/vue'
+import { NcAppNavigation, NcAppNavigationItem, NcAppNavigationSettings, NcSelect, NcButton } from '@nextcloud/vue'
 import AppNavigationAddBoard from './AppNavigationAddBoard.vue'
 import AppNavigationBoardCategory from './AppNavigationBoardCategory.vue'
 import { loadState } from '@nextcloud/initial-state'
@@ -144,7 +144,7 @@ export default {
 		NcButton,
 		AppNavigationAddBoard,
 		AppNavigationBoardCategory,
-		NcMultiselect,
+		NcSelect,
 		NcAppNavigationItem,
 		ArchiveIcon,
 		CalendarIcon,

src/components/navigation/AppNavigationAddBoard.vue

@@ -21,7 +21,7 @@
   -->
 <template>
 	<NcAppNavigationItem v-if="!editing"
-		:title="t('deck', 'Add board')"
+		:name="t('deck', 'Add board')"
 		icon="icon-add"
 		@click.prevent.stop="startCreateBoard" />
 	<div v-else class="board-create">

src/components/navigation/AppNavigationBoard.vue

@@ -21,7 +21,7 @@
   -->
 <template>
 	<NcAppNavigationItem v-if="!editing"
-		:title="!deleted ? board.title : undoText"
+		:name="!deleted ? board.title : undoText"
 		:loading="loading"
 		:to="routeTo"
 		:undo="deleted"
@@ -29,10 +29,9 @@
 		@undo="unDelete">
 		<NcAppNavigationIconBullet slot="icon" :color="board.color" />
 
-		<NcAppNavigationCounter v-if="board.acl.length"
-			slot="counter"
-			class="icon-shared"
-			style="opacity: 0.5" />
+		<template #counter>
+			<AccountIcon v-if="board.acl.length > 0" />
+		</template>
 
 		<template v-if="!deleted" slot="actions">
 			<template v-if="!isDueSubmenuActive">
@@ -113,7 +112,7 @@
 				</NcActionButton>
 			</template>
 			<NcActionButton v-else-if="!board.archived && board.acl.length > 0"
-				:title="t('deck', 'Due date reminders')"
+				:name="t('deck', 'Due date reminders')"
 				:icon="dueDateReminderIcon"
 				@click="isDueSubmenuActive=true">
 				{{ dueDateReminderText }}
@@ -144,20 +143,21 @@
 </template>
 
 <script>
-import { NcAppNavigationIconBullet, NcAppNavigationCounter, NcAppNavigationItem, NcColorPicker, NcActions, NcActionButton } from '@nextcloud/vue'
+import { NcAppNavigationIconBullet, NcAppNavigationItem, NcColorPicker, NcActions, NcActionButton } from '@nextcloud/vue'
 import ClickOutside from 'vue-click-outside'
 import ArchiveIcon from 'vue-material-design-icons/Archive.vue'
 import CloneIcon from 'vue-material-design-icons/ContentDuplicate.vue'
+import AccountIcon from 'vue-material-design-icons/Account.vue'
 
 export default {
 	name: 'AppNavigationBoard',
 	components: {
 		NcAppNavigationIconBullet,
-		NcAppNavigationCounter,
 		NcAppNavigationItem,
 		NcColorPicker,
 		NcActions,
 		NcActionButton,
+		AccountIcon,
 		ArchiveIcon,
 		CloneIcon,
 	},

src/components/navigation/AppNavigationBoardCategory.vue

@@ -21,7 +21,7 @@
   -->
 <template>
 	<NcAppNavigationItem v-if="boards.length > 0"
-		:title="text"
+		:name="text"
 		:to="to"
 		:exact="true"
 		:allow-collapse="collapsible"