From 045ede542e12efde6d9903d86d930b787ff08bf4 Mon Sep 17 00:00:00 2001 From: Richard Steinmetz Date: Tue, 2 Jan 2024 14:18:08 +0100 Subject: chore(vue3): migrate event buses to mitt Signed-off-by: Richard Steinmetz --- src/components/AppContent/ContactsContent.vue | 4 ++-- src/components/ContactDetails.vue | 4 ++-- src/components/ContactDetails/ContactDetailsAddNewProp.vue | 8 ++++---- src/components/ContactDetails/ContactDetailsAvatar.vue | 6 +++--- src/components/ContactDetails/ContactDetailsProperty.vue | 4 ++-- src/components/ContactsList/ContactsListItem.vue | 8 ++++---- src/components/Properties/PropertyTitle.vue | 2 +- 7 files changed, 18 insertions(+), 18 deletions(-) (limited to 'src') diff --git a/src/components/AppContent/ContactsContent.vue b/src/components/AppContent/ContactsContent.vue index 3a82ced2..4549f565 100644 --- a/src/components/AppContent/ContactsContent.vue +++ b/src/components/AppContent/ContactsContent.vue @@ -84,7 +84,7 @@ import ContactDetails from '../ContactDetails.vue' import ContactsList from '../ContactsList.vue' import IconContact from 'vue-material-design-icons/AccountMultiple.vue' import RouterMixin from '../../mixins/RouterMixin.js' -import Vue from 'vue' +import mitt from 'mitt' export default { name: 'ContactsContent', @@ -117,7 +117,7 @@ export default { return { searchQuery: '', // communication for ContactListItem and ContactDetails (reload avatar) - reloadBus: new Vue(), + reloadBus: mitt(), } }, diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue index b45fb03e..28de9dd1 100644 --- a/src/components/ContactDetails.vue +++ b/src/components/ContactDetails.vue @@ -373,7 +373,7 @@ import { showError } from '@nextcloud/dialogs' import { stringify } from 'ical.js' import qr from 'qr-image' -import Vue from 'vue' +import mitt from 'mitt' import { NcActions as Actions, NcActionButton as ActionButton, @@ -500,7 +500,7 @@ export default { excludeFromBirthdayKey: 'x-nc-exclude-from-birthday-calendar', // communication for ContactDetailsAddNewProp and ContactDetailsProperty - bus: new Vue(), + bus: mitt(), showMenuPopover: false, profileEnabled, isTalkEnabled, diff --git a/src/components/ContactDetails/ContactDetailsAddNewProp.vue b/src/components/ContactDetails/ContactDetailsAddNewProp.vue index 3d882ad6..bc598627 100644 --- a/src/components/ContactDetails/ContactDetailsAddNewProp.vue +++ b/src/components/ContactDetails/ContactDetailsAddNewProp.vue @@ -195,11 +195,11 @@ export default { }, created() { - this.bus.$on('add-prop', this.addProp) + this.bus.on('add-prop', this.addProp) }, destroyed() { - this.bus.$off('add-prop', this.addProp) + this.bus.off('add-prop', this.addProp) }, methods: { @@ -210,7 +210,7 @@ export default { */ async addProp(id) { if (this.usedProperties.includes(id) && !this.properties[id].multiple) { - this.bus.$emit('focus-prop', id) + this.bus.emit('focus-prop', id) return } @@ -240,7 +240,7 @@ export default { } } this.moreActionsOpen = false - this.bus.$emit('focus-prop', id) + this.bus.emit('focus-prop', id) }, }, } diff --git a/src/components/ContactDetails/ContactDetailsAvatar.vue b/src/components/ContactDetails/ContactDetailsAvatar.vue index 055a4965..e7e30337 100644 --- a/src/components/ContactDetails/ContactDetailsAvatar.vue +++ b/src/components/ContactDetails/ContactDetailsAvatar.vue @@ -383,7 +383,7 @@ export default { await this.loadPhotoUrl() - await this.reloadBus.$emit('reload-avatar', this.contact.key) + await this.reloadBus.emit('reload-avatar', this.contact.key) this.loading = false }, @@ -438,7 +438,7 @@ export default { this.$store.dispatch('updateContact', this.contact) // somehow the avatarUrl is not unavailable immediately, so we just set undefined this.photoUrl = undefined - this.reloadBus.$emit('delete-avatar', this.contact.key) + this.reloadBus.emit('delete-avatar', this.contact.key) }, /** @@ -530,7 +530,7 @@ export default { await this.loadPhotoUrl() - await this.reloadBus.$emit('reload-avatar', this.contact.key) + await this.reloadBus.emit('reload-avatar', this.contact.key) // Notify user showSuccess(t('contacts', 'Avatar downloaded from social network')) diff --git a/src/components/ContactDetails/ContactDetailsProperty.vue b/src/components/ContactDetails/ContactDetailsProperty.vue index 3cfae91c..839f9aa3 100644 --- a/src/components/ContactDetails/ContactDetailsProperty.vue +++ b/src/components/ContactDetails/ContactDetailsProperty.vue @@ -369,11 +369,11 @@ export default { }, created() { - this.bus.$on('focus-prop', this.onFocusProp) + this.bus.on('focus-prop', this.onFocusProp) }, destroyed() { - this.bus.$off('focus-prop', this.onFocusProp) + this.bus.off('focus-prop', this.onFocusProp) }, methods: { diff --git a/src/components/ContactsList/ContactsListItem.vue b/src/components/ContactsList/ContactsListItem.vue index f3bc3d1a..d46888a3 100644 --- a/src/components/ContactsList/ContactsListItem.vue +++ b/src/components/ContactsList/ContactsListItem.vue @@ -70,12 +70,12 @@ export default { }, created() { - this.reloadBus.$on('reload-avatar', this.reloadAvatarUrl) - this.reloadBus.$on('delete-avatar', this.deleteAvatar) + this.reloadBus.on('reload-avatar', this.reloadAvatarUrl) + this.reloadBus.on('delete-avatar', this.deleteAvatar) }, destroyed() { - this.reloadBus.$off('reload-avatar', this.reloadAvatarUrl) - this.reloadBus.$off('delete-avatar', this.deleteAvatar) + this.reloadBus.off('reload-avatar', this.reloadAvatarUrl) + this.reloadBus.off('delete-avatar', this.deleteAvatar) }, async mounted() { await this.loadAvatarUrl() diff --git a/src/components/Properties/PropertyTitle.vue b/src/components/Properties/PropertyTitle.vue index b3e42b91..b4322d76 100644 --- a/src/components/Properties/PropertyTitle.vue +++ b/src/components/Properties/PropertyTitle.vue @@ -96,7 +96,7 @@ export default { * @param {string} id type of prop */ onAddProp(id) { - this.bus.$emit('add-prop', id) + this.bus.emit('add-prop', id) }, }, } -- cgit v1.2.3