Implement FieldAffiliationsRorAutoSuggest

src/components/Form/fields/FieldAffiliations.stories.js

@@ -2,32 +2,28 @@ import FieldAffiliations from './FieldAffiliations.vue';
 import FieldAffiliationsMock from '@/components/Form/mocks/field-affiliations';
 import {http, HttpResponse} from 'msw';
 
-const args = {...FieldAffiliationsMock};
-
 export default {
 	title: 'Forms/FieldAffiliations',
 	component: FieldAffiliations,
-	args: {},
+	render: (args) => ({
+		components: {FieldAffiliations},
+		setup() {
+			return {args};
+		},
+		template: '<FieldAffiliations v-bind="args"/>',
+	}),
 	parameters: {
 		msw: {
 			handlers: [
 				http.get(
 					'https://mock/index.php/publicknowledge/api/v1/rors/?searchPhrase=Simon+Fraser+University',
 					async () => {
-						return HttpResponse.json(args.searchResults);
+						return HttpResponse.json(FieldAffiliationsMock.searchResults);
 					},
 				),
 			],
 		},
 	},
-	render: (args) => ({
-		components: {FieldAffiliations},
-		setup() {
-			return {args};
-		},
-		template: `
-			<FieldAffiliations v-bind="args"/>`,
-	}),
 	decorators: [
 		() => ({
 			template: '<div style="height: 600px"><story/></div>',