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/CommunityPackageInstallModal.vue

@@ -88,29 +88,24 @@
 </template>
 
 <script lang="ts">
-import Modal from '@/components/Modal.vue';
+import Modal from './Modal.vue';
 import {
 	COMMUNITY_PACKAGE_INSTALL_MODAL_KEY,
 	NPM_KEYWORD_SEARCH_URL,
 	COMMUNITY_NODES_INSTALLATION_DOCS_URL,
 	COMMUNITY_NODES_RISKS_DOCS_URL,
-} from '@/constants';
-import { defineComponent } from 'vue';
-import { useToast } from '@/composables';
+} from '../constants';
+import mixins from 'vue-typed-mixins';
+import { showMessage } from '@/mixins/showMessage';
 import { mapStores } from 'pinia';
 import { useCommunityNodesStore } from '@/stores/communityNodes.store';
 import { createEventBus } from '@/event-bus';
 
-export default defineComponent({
+export default mixins(showMessage).extend({
 	name: 'CommunityPackageInstallModal',
 	components: {
 		Modal,
 	},
-	setup() {
-		return {
-			...useToast(),
-		};
-	},
 	data() {
 		return {
 			loading: false,
@@ -149,7 +144,7 @@ export default defineComponent({
 					await this.communityNodesStore.fetchInstalledPackages();
 					this.loading = false;
 					this.modalBus.emit('close');
-					this.showMessage({
+					this.$showMessage({
 						title: this.$locale.baseText('settings.communityNodes.messages.install.success'),
 						type: 'success',
 					});
@@ -157,7 +152,7 @@ export default defineComponent({
 					if (error.httpStatusCode && error.httpStatusCode === 400) {
 						this.infoTextErrorMessage = error.message;
 					} else {
-						this.showError(
+						this.$showError(
 							error,
 							this.$locale.baseText('settings.communityNodes.messages.install.error'),
 						);