Move to @nextcloud/vue

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>

9 files changed, 32 insertions, 12 deletions

diff --git a/src/components/Actions/ActionCopyNtoFN.vue b/src/components/Actions/ActionCopyNtoFN.vue
index 0d756f7e..c73ff9b4 100644
--- a/src/components/Actions/ActionCopyNtoFN.vue
+++ b/src/components/Actions/ActionCopyNtoFN.vue
@@ -26,7 +26,7 @@
 	</ActionButton>
 </template>
 <script>
-import { ActionButton } from 'nextcloud-vue'
+import { ActionButton } from '@nextcloud/vue'
 import ActionsMixin from '../../mixins/ActionsMixin'
 
 export default {
diff --git a/src/components/Actions/ActionToggleYear.vue b/src/components/Actions/ActionToggleYear.vue
index 9bc3e1b4..d76533a9 100644
--- a/src/components/Actions/ActionToggleYear.vue
+++ b/src/components/Actions/ActionToggleYear.vue
@@ -28,7 +28,7 @@
 	</ActionCheckbox>
 </template>
 <script>
-import { ActionCheckbox } from 'nextcloud-vue'
+import { ActionCheckbox } from '@nextcloud/vue'
 import ActionsMixin from '../../mixins/ActionsMixin'
 
 export default {
diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue
index e0980985..1bdcaf16 100644
--- a/src/components/ContactDetails.vue
+++ b/src/components/ContactDetails.vue
@@ -193,7 +193,7 @@ import debounce from 'debounce'
 import PQueue from 'p-queue'
 import qr from 'qr-image'
 import { stringify } from 'ical.js'
-import { ActionLink, ActionButton } from 'nextcloud-vue'
+import { ActionLink, ActionButton } from '@nextcloud/vue'
 
 import rfcProps from '../models/rfcProps'
 import validate from '../services/validate'
diff --git a/src/components/ContactDetails/ContactDetailsAvatar.vue b/src/components/ContactDetails/ContactDetailsAvatar.vue
index 8aa0e125..703a3d4f 100644
--- a/src/components/ContactDetails/ContactDetailsAvatar.vue
+++ b/src/components/ContactDetails/ContactDetailsAvatar.vue
@@ -86,7 +86,7 @@
 
 <script>
 import debounce from 'debounce'
-import { ActionLink, ActionButton } from 'nextcloud-vue'
+import { ActionLink, ActionButton } from '@nextcloud/vue'
 
 import { getFilePickerBuilder } from 'nextcloud-dialogs'
 import { generateRemoteUrl } from 'nextcloud-router'
diff --git a/src/components/Properties/PropertyActions.vue b/src/components/Properties/PropertyActions.vue
index 2232e2ca..8de4723a 100644
--- a/src/components/Properties/PropertyActions.vue
+++ b/src/components/Properties/PropertyActions.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import { ActionButton } from 'nextcloud-vue'
+import { ActionButton } from '@nextcloud/vue'
 
 export default {
 	name: 'PropertyActions',
diff --git a/src/components/Properties/PropertyDateTime.vue b/src/components/Properties/PropertyDateTime.vue
index 31c6bab5..168458c2 100644
--- a/src/components/Properties/PropertyDateTime.vue
+++ b/src/components/Properties/PropertyDateTime.vue
@@ -73,7 +73,7 @@
 <script>
 import debounce from 'debounce'
 import moment from 'moment'
-import { DatetimePicker } from 'nextcloud-vue'
+import { DatetimePicker } from '@nextcloud/vue'
 import { getLocale } from 'nextcloud-l10n'
 import { VCardTime } from 'ical.js'
 
diff --git a/src/components/Settings/SettingsAddressbook.vue b/src/components/Settings/SettingsAddressbook.vue
index 61fd301c..11969b31 100644
--- a/src/components/Settings/SettingsAddressbook.vue
+++ b/src/components/Settings/SettingsAddressbook.vue
@@ -93,7 +93,7 @@
 </template>
 
 <script>
-import { ActionLink, ActionButton, ActionInput, ActionCheckbox } from 'nextcloud-vue'
+import { ActionLink, ActionButton, ActionInput, ActionCheckbox } from '@nextcloud/vue'
 import ShareAddressBook from './SettingsAddressbookShare'
 
 export default {
diff --git a/src/main.js b/src/main.js
index 8d25bff1..87e8c2db 100644
--- a/src/main.js
+++ b/src/main.js
@@ -32,9 +32,9 @@ import { generateFilePath } from 'nextcloud-router'
 import { getRequestToken } from 'nextcloud-auth'
 
 /** GLOBAL COMPONENTS AND DIRECTIVE */
-import { Actions, DatetimePicker, Multiselect, PopoverMenu, Modal } from 'nextcloud-vue'
+import { Actions, DatetimePicker, Multiselect, PopoverMenu, Modal } from '@nextcloud/vue'
 import ClickOutside from 'vue-click-outside'
-import VTooltip from 'nextcloud-vue/dist/Directives/Tooltip'
+import VTooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 import VueClipboard from 'vue-clipboard2'
 
 // CSP config for webpack dynamic chunk loading
diff --git a/src/views/Contacts.vue b/src/views/Contacts.vue
index 7be70d2d..7954a4e6 100644
--- a/src/views/Contacts.vue
+++ b/src/views/Contacts.vue
@@ -35,7 +35,23 @@
 
 			<!-- groups list -->
 			<ul v-if="!loading" id="groups-list">
-				<AppNavigationItem v-for="item in menu" :key="item.key" :item="item" />
+				<AppNavigationItem v-for="item in menu"
+					:key="item.key"
+					:to="item.router"
+					:title="item.text"
+					:icon="item.icon">
+					<template slot="actions">
+						<ActionButton v-for="action in item.utils.actions"
+							:key="action.text"
+							:icon="action.icon"
+							@click="action.action">
+							{{ action.text }}
+						</ActionButton>
+					</template>
+					<AppNavigationCounter slot="counter">
+						{{ item.utils.counter }}
+					</AppNavigationCounter>
+				</AppNavigationItem>
 			</ul>
 
 			<!-- settings -->
@@ -77,12 +93,14 @@ import {
 	AppContent,
 	AppNavigation,
 	AppNavigationItem,
+	AppNavigationCounter,
 	AppNavigationNew,
 	AppNavigationSettings,
+	ActionButton,
 	Content,
 	Modal,
-} from 'nextcloud-vue'
-import isMobile from 'nextcloud-vue/dist/Mixins/isMobile'
+} from '@nextcloud/vue'
+import isMobile from '@nextcloud/vue/dist/Mixins/isMobile'
 
 import moment from 'moment'
 import download from 'downloadjs'
@@ -108,8 +126,10 @@ export default {
 		AppContent,
 		AppNavigation,
 		AppNavigationItem,
+		AppNavigationCounter,
 		AppNavigationNew,
 		AppNavigationSettings,
+		ActionButton,
 		ContactDetails,
 		ContactsList,
 		Content,