pkp/pkp-lib#9527 Make initPageConfig as props for better documentation

src/pages/example/ExamplePage.vue

@@ -18,10 +18,13 @@ import {
 } from './examplePageStore';
 
 // Define Page Props
-const props = defineProps({pageInitConfig: {required: true, type: Object}});
+const props = defineProps({
+	/** URL to fetch submissions from API */
+	submissionsApiUrl: {type: String, required: true},
+});
 
 // Expose the page server configuration to the store, before its created so it can use is during initialisation
-initExamplePageStore(props.pageInitConfig);
+initExamplePageStore(props);
 
 // Initialise store
 useExamplePageStore();

src/pages/submissions/SubmissionsPage.mdx

@@ -5,3 +5,5 @@ import * as SubmissionsPage from './SubmissionsPage.stories.js';
 <Meta of={SubmissionsPage} />
 
 # Submissions page
+
+<ArgTypes />

src/pages/submissions/SubmissionsPage.stories.js

@@ -25,7 +25,5 @@ export const init = {
 			],
 		},
 	},
-	args: {
-		storeData: PageInitConfigMock,
-	},
+	args: PageInitConfigMock,
 };

src/pages/submissions/SubmissionsPage.vue

@@ -71,9 +71,44 @@ import {
 	disposeSubmissionsPageStore,
 } from './submissionsPageStore';
 
-/** TODO rename to pageInitConfig */
-const props = defineProps({storeData: {required: true, type: Object}});
-initSubmissionsPageStore(props.storeData);
+const props = defineProps({
+	/** API url for fetching submissions (should be renamed) */
+	apiUrl: {
+		type: String,
+		required: true,
+	},
+	/** API url assigning participant */
+	assignParticipantUrl: {
+		type: String,
+		required: true,
+	},
+	/** List of Views */
+	views: {
+		type: Array,
+		required: true,
+	},
+	/** Initial view that should be selected*/
+	currentViewId: {
+		type: Number,
+		required: true,
+	},
+	/** Filters form config  */
+	filtersForm: {
+		type: Object,
+		required: true,
+	},
+	/** List of columns */
+	columns: {
+		type: Array,
+		required: true,
+	},
+	/** How many submissions to show per page */
+	countPerPage: {
+		type: Number,
+		required: true,
+	},
+});
+initSubmissionsPageStore(props);
 const store = useSubmissionsPageStore();
 
 onUnmounted(() => {