diff --git a/packages/editor-ui/src/components/BinaryDataDisplay.vue b/packages/editor-ui/src/components/BinaryDataDisplay.vue index a826160d07cef..f15d98acfb967 100644 --- a/packages/editor-ui/src/components/BinaryDataDisplay.vue +++ b/packages/editor-ui/src/components/BinaryDataDisplay.vue @@ -25,16 +25,22 @@ import type { IBinaryData, IRunData } from 'n8n-workflow'; import BinaryDataDisplayEmbed from '@/components/BinaryDataDisplayEmbed.vue'; -import { nodeHelpers } from '@/mixins/nodeHelpers'; - import { useWorkflowsStore } from '@/stores/workflows.store'; +import { useNodeHelpers } from '@/composables/useNodeHelpers'; export default defineComponent({ name: 'BinaryDataDisplay', - mixins: [nodeHelpers], + components: { BinaryDataDisplayEmbed, }, + setup() { + const nodeHelpers = useNodeHelpers(); + + return { + nodeHelpers, + }; + }, props: [ 'displayData', // IBinaryData 'windowVisible', // boolean @@ -42,7 +48,7 @@ export default defineComponent({ computed: { ...mapStores(useWorkflowsStore), binaryData(): IBinaryData | null { - const binaryData = this.getBinaryData( + const binaryData = this.nodeHelpers.getBinaryData( this.workflowRunData, this.displayData.node, this.displayData.runIndex, diff --git a/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue b/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue index 559e6478d9393..abc21ff4a614d 100644 --- a/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue +++ b/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue @@ -70,6 +70,7 @@ import { completerExtension } from './completer'; import { codeNodeEditorTheme } from './theme'; import AskAI from './AskAI/AskAI.vue'; import { useMessage } from '@/composables/useMessage'; +import { useSettingsStore } from '@/stores/settings.store'; export default defineComponent({ name: 'code-node-editor', @@ -156,7 +157,7 @@ export default defineComponent({ }, }, computed: { - ...mapStores(useRootStore, usePostHog), + ...mapStores(useRootStore, usePostHog, useSettingsStore), aiEnabled(): boolean { const isAiExperimentEnabled = [ASK_AI_EXPERIMENT.gpt3, ASK_AI_EXPERIMENT.gpt4].includes( (this.posthogStore.getVariant(ASK_AI_EXPERIMENT.name) ?? '') as string, diff --git a/packages/editor-ui/src/components/CollectionParameter.vue b/packages/editor-ui/src/components/CollectionParameter.vue index 91d5a83893595..1296b3c014272 100644 --- a/packages/editor-ui/src/components/CollectionParameter.vue +++ b/packages/editor-ui/src/components/CollectionParameter.vue @@ -19,10 +19,10 @@
@@ -36,7 +36,11 @@ @@ -47,157 +51,155 @@
-