Revert "refactor(editor): Turn showMessage mixin to composable" (#6243)

Revert "refactor(editor): Turn showMessage mixin to composable (#6081)"

This reverts commit b95fcd7323.

packages/editor-ui/src/components/ChangePasswordModal.vue

@@ -29,17 +29,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
+import mixins from 'vue-typed-mixins';
 
-import { useToast } from '@/composables';
-import Modal from '@/components/Modal.vue';
+import { showMessage } from '@/mixins/showMessage';
+import Modal from './Modal.vue';
 import type { IFormInputs } from '@/Interface';
-import { CHANGE_PASSWORD_MODAL_KEY } from '@/constants';
+import { CHANGE_PASSWORD_MODAL_KEY } from '../constants';
 import { mapStores } from 'pinia';
 import { useUsersStore } from '@/stores/users.store';
 import { createEventBus } from '@/event-bus';
 
-export default defineComponent({
+export default mixins(showMessage).extend({
 	components: { Modal },
 	name: 'ChangePasswordModal',
 	props: {
@@ -47,11 +47,6 @@ export default defineComponent({
 			type: String,
 		},
 	},
-	setup() {
-		return {
-			...useToast(),
-		};
-	},
 	data() {
 		return {
 			config: null as null | IFormInputs,
@@ -132,7 +127,7 @@ export default defineComponent({
 				this.loading = true;
 				await this.usersStore.updateCurrentUserPassword(values);
 
-				this.showMessage({
+				this.$showMessage({
 					type: 'success',
 					title: this.$locale.baseText('auth.changePassword.passwordUpdated'),
 					message: this.$locale.baseText('auth.changePassword.passwordUpdatedMessage'),
@@ -140,7 +135,7 @@ export default defineComponent({
 
 				this.modalBus.emit('close');
 			} catch (error) {
-				this.showError(error, this.$locale.baseText('auth.changePassword.error'));
+				this.$showError(error, this.$locale.baseText('auth.changePassword.error'));
 			}
 			this.loading = false;
 		},