feat: Replace new Vue() with custom event bus (no-changelog) (#5780)

* refactor: replace new Vue() with custom event bus (no-changelog)

* fix: export types from design system main

* fix: update component types

* fix: update form inputs event bus

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

@@ -127,7 +127,6 @@ import { workflowHelpers } from '@/mixins/workflowHelpers';
 import { showMessage } from '@/mixins/showMessage';
 import Modal from './Modal.vue';
 import { IFormInputs, IPersonalizationLatestVersion, IUser } from '@/Interface';
-import Vue from 'vue';
 import { getAccountAge } from '@/utils';
 import { GenericValue } from 'n8n-workflow';
 import { mapStores } from 'pinia';
@@ -135,6 +134,7 @@ import { useUIStore } from '@/stores/ui';
 import { useSettingsStore } from '@/stores/settings';
 import { useRootStore } from '@/stores/n8nRootStore';
 import { useUsersStore } from '@/stores/users';
+import { createEventBus } from '@/event-bus';
 
 export default mixins(showMessage, workflowHelpers).extend({
 	components: { Modal },
@@ -146,8 +146,8 @@ export default mixins(showMessage, workflowHelpers).extend({
 			otherWorkAreaFieldVisible: false,
 			otherCompanyIndustryFieldVisible: false,
 			showAllIndustryQuestions: true,
-			modalBus: new Vue(),
-			formBus: new Vue(),
+			modalBus: createEventBus(),
+			formBus: createEventBus(),
 		};
 	},
 	computed: {
@@ -605,10 +605,10 @@ export default mixins(showMessage, workflowHelpers).extend({
 	},
 	methods: {
 		closeDialog() {
-			this.modalBus.$emit('close');
+			this.modalBus.emit('close');
 		},
 		onSave() {
-			this.formBus.$emit('submit');
+			this.formBus.emit('submit');
 		},
 		async onSubmit(values: IPersonalizationLatestVersion): Promise<void> {
 			this.$data.isSaving = true;