refactor(editor): Migrate userHelpers mixin to composable (no-changelog) (#9737)

This commit is contained in:
Ricardo Espinoza
2024-06-15 09:41:23 -04:00
committed by GitHub
parent ca2e5d90ed
commit ac7a561379
5 changed files with 46 additions and 35 deletions

View File

@@ -111,7 +111,7 @@ import GiftNotificationIcon from './GiftNotificationIcon.vue';
import { useMessage } from '@/composables/useMessage';
import { ABOUT_MODAL_KEY, VERSIONS_MODAL_KEY, VIEWS } from '@/constants';
import { userHelpers } from '@/mixins/userHelpers';
import { useUserHelpers } from '@/composables/useUserHelpers';
import { defineComponent } from 'vue';
import { mapStores } from 'pinia';
import { useCloudPlanStore } from '@/stores/cloudPlan.store';
@@ -131,6 +131,7 @@ import { useExternalHooks } from '@/composables/useExternalHooks';
import { useDebounce } from '@/composables/useDebounce';
import { useBecomeTemplateCreatorStore } from '@/components/BecomeTemplateCreatorCta/becomeTemplateCreatorStore';
import ProjectNavigation from '@/components/Projects/ProjectNavigation.vue';
import { useRoute, useRouter } from 'vue-router';
export default defineComponent({
name: 'MainSidebar',
@@ -141,15 +142,17 @@ export default defineComponent({
BecomeTemplateCreatorCta,
ProjectNavigation,
},
mixins: [userHelpers],
setup() {
const externalHooks = useExternalHooks();
const { callDebounced } = useDebounce();
const router = useRouter();
const route = useRoute();
return {
externalHooks,
callDebounced,
...useMessage(),
...useUserHelpers(router, route),
};
},
data() {

View File

@@ -24,7 +24,7 @@
import { defineComponent } from 'vue';
import { mapStores } from 'pinia';
import { ABOUT_MODAL_KEY, VERSIONS_MODAL_KEY, VIEWS } from '@/constants';
import { userHelpers } from '@/mixins/userHelpers';
import { useUserHelpers } from '@/composables/useUserHelpers';
import type { IFakeDoor } from '@/Interface';
import type { IMenuItem } from 'n8n-design-system';
import type { BaseTextKey } from '@/plugins/i18n';
@@ -32,10 +32,17 @@ import { useUIStore } from '@/stores/ui.store';
import { useSettingsStore } from '@/stores/settings.store';
import { useRootStore } from '@/stores/n8nRoot.store';
import { hasPermission } from '@/utils/rbac/permissions';
import { useRoute, useRouter } from 'vue-router';
export default defineComponent({
name: 'SettingsSidebar',
mixins: [userHelpers],
setup() {
const router = useRouter();
const route = useRoute();
return {
...useUserHelpers(router, route),
};
},
computed: {
...mapStores(useRootStore, useSettingsStore, useUIStore),
settingsFakeDoorFeatures(): IFakeDoor[] {