Storybook circular dependency

jardakotesovec · Sep 19, 2024 · b36b573 · b36b573
1 parent 3bf7ce8
commit b36b573
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/Form/fields/FieldSelectIssue.vue b/src/components/Form/fields/FieldSelectIssue.vue
@@ -57,8 +57,6 @@ import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 import PkpButton from '@/components/Button/Button.vue';
 
-import {useSubmissionSummaryStore} from '@/pages/dashboard/SubmissionSummaryModal/submissionSummaryStore';
-
 export default {
 	name: 'FieldSelectIssue',
 	components: {Tooltip, FormFieldLabel, HelpButton, FieldError, PkpButton},
@@ -157,7 +155,14 @@ export default {
 		},
 	},
 	methods: {
-		selectIssue() {
+		async selectIssue() {
+			// workaround to avoid circular dependencies in storybook
+			// There is chain if imports, and some of them imported form
+			// which seems to be causing circular dependency
+			const {useSubmissionSummaryStore} = await import(
+				'@/pages/dashboard/SubmissionSummaryModal/submissionSummaryStore.js'
+			);
+
 			const summaryStore = useSubmissionSummaryStore();
 
 			summaryStore.workflowAssignToIssue({}, (finishedData) => {