Update nextcloud 0.10.0

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

9 files changed, 37 insertions, 35 deletions

diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue
index db34b7e8..1acadcae 100644
--- a/src/components/ContactDetails.vue
+++ b/src/components/ContactDetails.vue
@@ -39,7 +39,7 @@
 			<!-- contact header -->
 			<header :style="{ 'backgroundColor': colorAvatar }">
 				<!-- avatar and upload photo -->
-				<contact-avatar :contact="contact" />
+				<ContactAvatar :contact="contact" />
 				<!-- QUESTION: is it better to pass contact as a prop or get it from the store inside
 				contact-avatar ?  :avatar="contact.photo"-->
 
@@ -103,7 +103,7 @@
 				<!-- using contact.key in the key and index as key to avoid conflicts between similar data and exact key -->
 				<!-- passing the debounceUpdateContact so that the contact-property component contains the function
 					and allow us to use it on the rfcProps since the scope is forwarded to the actions -->
-				<contact-property v-for="(property, index) in sortedProperties"
+				<ContactProperty v-for="(property, index) in sortedProperties"
 					:key="`${index}-${contact.key}-${property.name}`" :index="index"
 					:sorted-properties="sortedProperties" :property="property"
 					:contact="contact" :local-contact="localContact"
@@ -113,18 +113,18 @@
 					empty property because this is a required prop on regular property-select. But since
 					we are hijacking this... (this is supposed to be used with a ICAL.property, but to avoid code
 					duplication, we created a fake propModel and property with our own options here) -->
-				<property-select :prop-model="addressbookModel" :value.sync="addressbook" :is-first-property="true"
+				<PropertySelect :prop-model="addressbookModel" :value.sync="addressbook" :is-first-property="true"
 					:is-last-property="true" :property="{}" class="property--addressbooks property--last" />
 
 				<!-- Groups always visible -->
-				<property-groups :prop-model="groupsModel" :value.sync="groups" :contact="contact"
+				<PropertyGroups :prop-model="groupsModel" :value.sync="groups" :contact="contact"
 					:is-read-only="isReadOnly" class="property--groups property--last" />
 
 				<!-- Last modified-->
-				<property-rev v-if="contact.rev" :value="contact.rev" />
+				<PropertyRev v-if="contact.rev" :value="contact.rev" />
 
 				<!-- new property select -->
-				<add-new-prop v-if="!isReadOnly" :contact="contact" />
+				<AddNewProp v-if="!isReadOnly" :contact="contact" />
 			</section>
 		</template>
 	</div>
diff --git a/src/components/ContactDetails/ContactDetailsAddNewProp.vue b/src/components/ContactDetails/ContactDetailsAddNewProp.vue
index fc8e824d..8cbe9841 100644
--- a/src/components/ContactDetails/ContactDetailsAddNewProp.vue
+++ b/src/components/ContactDetails/ContactDetailsAddNewProp.vue
@@ -23,7 +23,7 @@
 <template>
 	<div class="grid-span-3 property property--last">
 		<!-- title -->
-		<property-title :icon="'icon-add'" :readable-name="t('contacts', 'Add new property')" />
+		<PropertyTitle :icon="'icon-add'" :readable-name="t('contacts', 'Add new property')" />
 
 		<div class="property__row">
 			<div class="property__label" />
diff --git a/src/components/ContactsList.vue b/src/components/ContactsList.vue
index b59ab74a..a4dd589a 100644
--- a/src/components/ContactsList.vue
+++ b/src/components/ContactsList.vue
@@ -23,7 +23,7 @@
 <template>
 	<!-- same uid can coexists between different addressbooks
 		so we need to use the addressbook id as key as well -->
-	<recycle-scroller
+	<RecycleScroller
 		id="contacts-list"
 		ref="scroller"
 		:class="{'icon-loading': loading, showdetails: selectedContact}"
@@ -32,14 +32,14 @@
 		:item-size="itemHeight"
 		key-field="key">
 		<template v-slot="{ item, index }">
-			<contacts-list-item
+			<ContactsListItem
 				v-if="contacts[item.key]"
 				:key="item.key"
 				:contact="contacts[item.key]"
 				:index="index"
 				@deleted="selectContact" />
 		</template>
-	</recycle-scroller>
+	</RecycleScroller>
 </template>
 
 <script>
diff --git a/src/components/Properties/PropertyDateTime.vue b/src/components/Properties/PropertyDateTime.vue
index 670557dc..7f003aa9 100644
--- a/src/components/Properties/PropertyDateTime.vue
+++ b/src/components/Properties/PropertyDateTime.vue
@@ -23,7 +23,7 @@
 <template>
 	<div v-if="propModel" :class="`grid-span-${gridLength}`" class="property">
 		<!-- title if first element -->
-		<property-title v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" :readable-name="propModel.readableName"
+		<PropertyTitle v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" :readable-name="propModel.readableName"
 			:info="propModel.info" />
 
 		<div class="property__row">
@@ -47,7 +47,7 @@
 			<action :actions="actions" class="property__actions" />
 
 			<!-- Real input where the picker shows -->
-			<datetime-picker :value="vcardTimeLocalValue.toJSDate()" :minute-step="10" :lang="lang"
+			<DatetimePicker :value="vcardTimeLocalValue.toJSDate()" :minute-step="10" :lang="lang"
 				:clearable="false" :first-day-of-week="firstDay" :type="inputType"
 				:readonly="isReadOnly" :format="dateFormat" class="property__value"
 				confirm @confirm="updateValue" />
diff --git a/src/components/Properties/PropertyMultipleText.vue b/src/components/Properties/PropertyMultipleText.vue
index 1ce64281..8294b7b1 100644
--- a/src/components/Properties/PropertyMultipleText.vue
+++ b/src/components/Properties/PropertyMultipleText.vue
@@ -23,7 +23,7 @@
 <template>
 	<div v-if="propModel" :class="`grid-span-${gridLength}`" class="property">
 		<!-- title if first element -->
-		<property-title v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" :readable-name="propModel.readableName"
+		<PropertyTitle v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" :readable-name="propModel.readableName"
 			:info="propModel.info" />
 
 		<div class="property__row">
diff --git a/src/components/Properties/PropertySelect.vue b/src/components/Properties/PropertySelect.vue
index 7ea41da1..47be44ec 100644
--- a/src/components/Properties/PropertySelect.vue
+++ b/src/components/Properties/PropertySelect.vue
@@ -23,7 +23,7 @@
 <template>
 	<div v-if="propModel" :class="`grid-span-${gridLength}`" class="property">
 		<!-- title if first element -->
-		<property-title v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" :readable-name="propModel.readableName"
+		<PropertyTitle v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" :readable-name="propModel.readableName"
 			:info="propModel.info" />
 
 		<div class="property__row">
diff --git a/src/components/Properties/PropertyText.vue b/src/components/Properties/PropertyText.vue
index c13baf1d..48745571 100644
--- a/src/components/Properties/PropertyText.vue
+++ b/src/components/Properties/PropertyText.vue
@@ -23,7 +23,7 @@
 <template>
 	<div v-if="propModel" :class="`grid-span-${gridLength}`" class="property">
 		<!-- title if first element -->
-		<property-title v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" :readable-name="propModel.readableName"
+		<PropertyTitle v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" :readable-name="propModel.readableName"
 			:info="propModel.info" />
 
 		<div class="property__row">
diff --git a/src/components/Settings/SettingsAddressbook.vue b/src/components/Settings/SettingsAddressbook.vue
index 5310209b..e831b387 100644
--- a/src/components/Settings/SettingsAddressbook.vue
+++ b/src/components/Settings/SettingsAddressbook.vue
@@ -42,7 +42,7 @@
 		</a>
 
 		<!-- sharing input -->
-		<share-address-book v-if="shareOpen && !addressbook.readOnly" :addressbook="addressbook" />
+		<ShareAddressBook v-if="shareOpen && !addressbook.readOnly" :addressbook="addressbook" />
 	</li>
 </template>
 
diff --git a/src/views/Contacts.vue b/src/views/Contacts.vue
index f12c2756..d5c0deb2 100644
--- a/src/views/Contacts.vue
+++ b/src/views/Contacts.vue
@@ -22,43 +22,43 @@
   -->
 
 <template>
-	<app-content app-name="contacts" :class="{'icon-loading': loading}">
+	<Content app-name="contacts" :class="{'icon-loading': loading}">
 		<!-- new-contact-button + navigation + settings -->
-		<app-navigation slot="navigation">
+		<AppNavigation>
 			<!-- new-contact-button -->
-			<app-navigation-new v-if="!loading" button-id="new-contact-button" :text="t('contacts','New contact')"
+			<AppNavigationNew v-if="!loading" button-id="new-contact-button" :text="t('contacts','New contact')"
 				button-class="icon-add" :disabled="!defaultAddressbook" @click="newContact" />
 
 			<!-- groups list -->
 			<ul v-if="!loading" id="groups-list">
-				<app-navigation-item v-for="item in menu" :key="item.key" :item="item" />
+				<AppNavigationItem v-for="item in menu" :key="item.key" :item="item" />
 			</ul>
 
 			<!-- settings -->
-			<app-navigation-settings v-if="!loading">
-				<settings-section />
-			</app-navigation-settings>
-		</app-navigation>
+			<AppNavigationSettings v-if="!loading">
+				<SettingsSection />
+			</AppNavigationSettings>
+		</AppNavigation>
 
-		<template slot="content">
+		<AppContent>
 			<!-- go back to list when in details mode -->
 			<div v-if="selectedContact && isMobile" id="app-details-toggle" class="icon-confirm"
 				tabindex="0" @click="showList" />
 
 			<div id="app-content-wrapper">
 				<!-- contacts list -->
-				<contacts-list :list="contactsList" :contacts="contacts" :loading="loading"
+				<ContactsList :list="contactsList" :contacts="contacts" :loading="loading"
 					:search-query="searchQuery" />
 
 				<!-- main contacts details -->
-				<contact-details :loading="loading" :contact-key="selectedContact" />
+				<ContactDetails :loading="loading" :contact-key="selectedContact" />
 			</div>
-		</template>
-		<modal v-if="isImporting" :clear-view-delay="-1" :can-close="isImportDone"
+		</AppContent>
+		<Modal v-if="isImporting" :clear-view-delay="-1" :can-close="isImportDone"
 			@close="closeImport">
-			<import-screen />
-		</modal>
-	</app-content>
+			<ImportScreen />
+		</Modal>
+	</Content>
 </template>
 
 <script>
@@ -68,6 +68,7 @@ import {
 	AppNavigationItem,
 	AppNavigationNew,
 	AppNavigationSettings,
+	Content,
 	Modal
 } from 'nextcloud-vue'
 import isMobile from 'nextcloud-vue/dist/Mixins/isMobile'
@@ -98,11 +99,12 @@ export default {
 		AppNavigationItem,
 		AppNavigationNew,
 		AppNavigationSettings,
-		SettingsSection,
-		ContactsList,
 		ContactDetails,
+		ContactsList,
+		Content,
 		ImportScreen,
-		Modal
+		Modal,
+		SettingsSection
 	},
 
 	mixins: [