From 085107e11031263c5a9800fab55b92e98900d9ff Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 7 Aug 2024 12:16:50 +0200
Subject: [PATCH] lint fix

---
 src/entities/catalogi/catalogi.mock.ts        |   4 +-
 src/entities/catalogi/catalogi.ts             |   4 +-
 src/entities/index.js                         |  17 +-
 .../organisation/organisation.spec.ts         |   4 +-
 src/entities/organisation/organisation.ts     |   4 +-
 src/main.js                                   |   8 +-
 src/sidebars/dashboard/DashboardSideBar.vue   |   6 +-
 src/sidebars/search/SearchSideBar.vue         |   6 +-
 src/store/modules/catalogi.spec.js            |  40 +--
 src/store/modules/configuration.js            |  78 +++---
 src/store/modules/configuration.spec.js       |  48 ++--
 src/store/modules/configuration.specs.js      | 234 +++++++++---------
 src/store/modules/directory.spec.js           |  40 +--
 src/store/modules/metadata.js                 | 118 ++++-----
 src/store/modules/navigation.js               |  60 ++---
 src/store/modules/organisation.js             |  94 +++----
 src/store/modules/organisation.spec.js        |  86 +++----
 src/store/modules/publication.spec.js         |  76 +++---
 src/store/modules/search.js                   | 102 ++++----
 src/store/modules/theme.js                    |  90 +++----
 src/store/modules/theme.spec.js               |  80 +++---
 src/store/store.js                            |  22 +-
 src/views/organisations/OrganisationIndex.vue |  10 +-
 src/views/organisations/OrganisationList.vue  |  22 +-
 src/views/publications/PublicationDetail.vue  |   2 -
 25 files changed, 626 insertions(+), 629 deletions(-)

diff --git a/src/entities/catalogi/catalogi.mock.ts b/src/entities/catalogi/catalogi.mock.ts
index cf328969..57d81e88 100644
--- a/src/entities/catalogi/catalogi.mock.ts
+++ b/src/entities/catalogi/catalogi.mock.ts
@@ -1,5 +1,5 @@
-import { Catalogi } from './catalogi';
-import { TCatalogi } from './catalogi.types';
+import { Catalogi } from './catalogi'
+import { TCatalogi } from './catalogi.types'
 
 export const mockCatalogiData = (): TCatalogi[] => [
 	{
diff --git a/src/entities/catalogi/catalogi.ts b/src/entities/catalogi/catalogi.ts
index 5a2d3a50..dd1d1202 100644
--- a/src/entities/catalogi/catalogi.ts
+++ b/src/entities/catalogi/catalogi.ts
@@ -1,5 +1,5 @@
-import { SafeParseReturnType, z } from 'zod';
-import { TCatalogi } from './catalogi.types';
+import { SafeParseReturnType, z } from 'zod'
+import { TCatalogi } from './catalogi.types'
 
 export class Catalogi implements TCatalogi {
 
diff --git a/src/entities/index.js b/src/entities/index.js
index 4b0a893b..aad3ebda 100644
--- a/src/entities/index.js
+++ b/src/entities/index.js
@@ -1,10 +1,9 @@
 /* eslint-disable import/export */
-export * from './attachment/index.js';
-export * from './catalogi/index.js';
-export * from './configuration/index.js';
-export * from './listing/index.js';
-export * from './metadata/index.js';
-export * from './organisation/index.js';
-export * from './publication/index.js';
-export * from './theme/index.js';
-
+export * from './attachment/index.js'
+export * from './catalogi/index.js'
+export * from './configuration/index.js'
+export * from './listing/index.js'
+export * from './metadata/index.js'
+export * from './organisation/index.js'
+export * from './publication/index.js'
+export * from './theme/index.js'
diff --git a/src/entities/organisation/organisation.spec.ts b/src/entities/organisation/organisation.spec.ts
index 375ac9b8..f35b6304 100644
--- a/src/entities/organisation/organisation.spec.ts
+++ b/src/entities/organisation/organisation.spec.ts
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
-import { Organisation } from './organisation';
-import { mockOrganisation } from './organisation.mock';
+import { Organisation } from './organisation'
+import { mockOrganisation } from './organisation.mock'
 
 describe('Organisation Store', () => {
 	it('create Organisation entity with full data', () => {
diff --git a/src/entities/organisation/organisation.ts b/src/entities/organisation/organisation.ts
index ef179d6a..8017e480 100644
--- a/src/entities/organisation/organisation.ts
+++ b/src/entities/organisation/organisation.ts
@@ -1,5 +1,5 @@
-import { SafeParseReturnType, z } from 'zod';
-import { TOrganisation } from './organisation.types';
+import { SafeParseReturnType, z } from 'zod'
+import { TOrganisation } from './organisation.types'
 
 export class Organisation implements TOrganisation {
 
diff --git a/src/main.js b/src/main.js
index 2c5ec62a..f6bf3bfc 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,8 +7,8 @@ Vue.mixin({ methods: { t, n } })
 Vue.use(PiniaVuePlugin)
 
 new Vue(
-    {
-        pinia,
-        render: h => h(App),
-    },
+	{
+		pinia,
+		render: h => h(App),
+	},
 ).$mount('#opencatalogi')
diff --git a/src/sidebars/dashboard/DashboardSideBar.vue b/src/sidebars/dashboard/DashboardSideBar.vue
index a8591af6..8ac3d9a0 100644
--- a/src/sidebars/dashboard/DashboardSideBar.vue
+++ b/src/sidebars/dashboard/DashboardSideBar.vue
@@ -14,9 +14,9 @@ import { navigationStore, searchStore, publicationStore } from '../../store/stor
 			<NcTextField class="searchField"
 				:value.sync="searchStore.search"
 				label="Zoeken" />
-            <NcNoteCard v-if="searchStore.searchError" type="error">
-                <p>{{ searchStore.searchError }}</p>
-            </NcNoteCard>
+			<NcNoteCard v-if="searchStore.searchError" type="error">
+				<p>{{ searchStore.searchError }}</p>
+			</NcNoteCard>
 		</NcAppSidebarTab>
 		<NcAppSidebarTab id="settings-tab" name="Publicaties" :order="2">
 			<template #icon>
diff --git a/src/sidebars/search/SearchSideBar.vue b/src/sidebars/search/SearchSideBar.vue
index 2c5dc964..d9bcacdc 100644
--- a/src/sidebars/search/SearchSideBar.vue
+++ b/src/sidebars/search/SearchSideBar.vue
@@ -15,9 +15,9 @@ import { searchStore } from '../../store/store.js'
 			<NcTextField class="searchField"
 				:value.sync="searchStore.search"
 				label="Zoeken" />
-            <NcNoteCard v-if="searchStore.searchError" type="error">
-                <p>{{ searchStore.searchError }}</p>
-            </NcNoteCard>
+			<NcNoteCard v-if="searchStore.searchError" type="error">
+				<p>{{ searchStore.searchError }}</p>
+			</NcNoteCard>
 		</NcAppSidebarTab>
 		<NcAppSidebarTab id="settings-tab" name="Catalogi" :order="2">
 			<template #icon>
diff --git a/src/store/modules/catalogi.spec.js b/src/store/modules/catalogi.spec.js
index 70cc1f4e..c954bab4 100644
--- a/src/store/modules/catalogi.spec.js
+++ b/src/store/modules/catalogi.spec.js
@@ -16,38 +16,38 @@ describe(
 			'sets catalogi item correctly', () => {
 				const store = useCatalogiStore()
 
-		store.setCatalogiItem(mockCatalogi()[0])
+				store.setCatalogiItem(mockCatalogi()[0])
 
-		expect(store.catalogiItem).toBeInstanceOf(Catalogi)
-		expect(store.catalogiItem).toEqual(mockCatalogi()[0])
+				expect(store.catalogiItem).toBeInstanceOf(Catalogi)
+				expect(store.catalogiItem).toEqual(mockCatalogi()[0])
 
-		expect(store.catalogiItem.validate().success).toBe(true)
-	})
+				expect(store.catalogiItem.validate().success).toBe(true)
+			})
 
 		it(
 			'sets catalogi list correctly', () => {
 				const store = useCatalogiStore()
 
-		store.setCatalogiList(mockCatalogi())
+				store.setCatalogiList(mockCatalogi())
 
-		expect(store.catalogiList).toHaveLength(mockCatalogi().length)
+				expect(store.catalogiList).toHaveLength(mockCatalogi().length)
 
-		// list item 1
-		expect(store.catalogiList[0]).toBeInstanceOf(Catalogi)
-		expect(store.catalogiList[0]).toEqual(mockCatalogi()[0])
+				// list item 1
+				expect(store.catalogiList[0]).toBeInstanceOf(Catalogi)
+				expect(store.catalogiList[0]).toEqual(mockCatalogi()[0])
 
-		expect(store.catalogiList[0].validate().success).toBe(true)
+				expect(store.catalogiList[0].validate().success).toBe(true)
 
-		// list item 2
-		expect(store.catalogiList[1]).toBeInstanceOf(Catalogi)
-		expect(store.catalogiList[1]).toEqual(mockCatalogi()[1])
+				// list item 2
+				expect(store.catalogiList[1]).toBeInstanceOf(Catalogi)
+				expect(store.catalogiList[1]).toEqual(mockCatalogi()[1])
 
-		expect(store.catalogiList[1].validate().success).toBe(true)
+				expect(store.catalogiList[1].validate().success).toBe(true)
 
-		// list item 3
-		expect(store.catalogiList[2]).toBeInstanceOf(Catalogi)
-		expect(store.catalogiList[2]).toEqual(mockCatalogi()[2])
+				// list item 3
+				expect(store.catalogiList[2]).toBeInstanceOf(Catalogi)
+				expect(store.catalogiList[2]).toEqual(mockCatalogi()[2])
 
-		expect(store.catalogiList[2].validate().success).toBe(false)
+				expect(store.catalogiList[2].validate().success).toBe(false)
+			})
 	})
-})
diff --git a/src/store/modules/configuration.js b/src/store/modules/configuration.js
index d4561a4b..f64daf7c 100644
--- a/src/store/modules/configuration.js
+++ b/src/store/modules/configuration.js
@@ -3,43 +3,43 @@ import { defineStore } from 'pinia'
 import { Configuration } from '../../entities/index.js'
 
 export const useConfigurationStore = defineStore(
-    'configuration', {
-        state: () => ({
-            configurationItem: false,
-            configurationList: [],
-        }),
-    actions: {
-        setConfigurationItem(configurationItem) {
-            this.configurationItem = configurationItem && new Configuration(configurationItem)
-            console.log('Active configuration item set to ' + configurationItem)
-        },
-        /* istanbul ignore next */ // ignore this for Jest until moved into a service
-        async refreshConfiguration(search = null) {
-            // @todo this might belong in a service?
-            let endpoint = '/index.php/apps/opencatalogi/api/configuration'
-            if (search !== null && search !== '') {
-                endpoint = endpoint + '?_search=' + search
-            }
-            return fetch(
-                endpoint, {
-                    method: 'GET',
-                }
-            )
-                .then(
-                    (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setConfigurationItem(data)
-                            }
-                        )
-                    }
-                )
-                .catch(
-                    (err) => {
-                    console.error(err)
-                    }
-                )
-        },
-        },
-    }
+	'configuration', {
+		state: () => ({
+			configurationItem: false,
+			configurationList: [],
+		}),
+		actions: {
+			setConfigurationItem(configurationItem) {
+				this.configurationItem = configurationItem && new Configuration(configurationItem)
+				console.log('Active configuration item set to ' + configurationItem)
+			},
+			/* istanbul ignore next */ // ignore this for Jest until moved into a service
+			async refreshConfiguration(search = null) {
+				// @todo this might belong in a service?
+				let endpoint = '/index.php/apps/opencatalogi/api/configuration'
+				if (search !== null && search !== '') {
+					endpoint = endpoint + '?_search=' + search
+				}
+				return fetch(
+					endpoint, {
+						method: 'GET',
+					},
+				)
+					.then(
+						(response) => {
+							response.json().then(
+								(data) => {
+									this.setConfigurationItem(data)
+								},
+							)
+						},
+					)
+					.catch(
+						(err) => {
+							console.error(err)
+						},
+					)
+			},
+		},
+	},
 )
diff --git a/src/store/modules/configuration.spec.js b/src/store/modules/configuration.spec.js
index 814184e0..0c86b38b 100644
--- a/src/store/modules/configuration.spec.js
+++ b/src/store/modules/configuration.spec.js
@@ -4,35 +4,35 @@ import { Configuration, mockConfiguration } from '../../entities/index.js'
 import { useConfigurationStore } from './configuration.js'
 
 describe(
-    'Configuration Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
-            }
-    )
+	'Configuration Store', () => {
+		beforeEach(
+			() => {
+				setActivePinia(createPinia())
+			},
+		)
 
-    it(
-        'sets configuration item correctly', () => {
-        const store = useConfigurationStore()
+		it(
+			'sets configuration item correctly', () => {
+				const store = useConfigurationStore()
 
-            store.setConfigurationItem(mockConfiguration()[0])
+				store.setConfigurationItem(mockConfiguration()[0])
 
-            expect(store.configurationItem).toBeInstanceOf(Configuration)
-            expect(store.configurationItem).toEqual(mockConfiguration()[0])
-            expect(store.configurationItem.validate().success).toBe(true)
+				expect(store.configurationItem).toBeInstanceOf(Configuration)
+				expect(store.configurationItem).toEqual(mockConfiguration()[0])
+				expect(store.configurationItem.validate().success).toBe(true)
 
-            store.setConfigurationItem(mockConfiguration()[1])
+				store.setConfigurationItem(mockConfiguration()[1])
 
-            expect(store.configurationItem).toBeInstanceOf(Configuration)
-            expect(store.configurationItem).toEqual(mockConfiguration()[1])
-            expect(store.configurationItem.validate().success).toBe(true)
+				expect(store.configurationItem).toBeInstanceOf(Configuration)
+				expect(store.configurationItem).toEqual(mockConfiguration()[1])
+				expect(store.configurationItem.validate().success).toBe(true)
 
-            store.setConfigurationItem(mockConfiguration()[2])
+				store.setConfigurationItem(mockConfiguration()[2])
 
-            expect(store.configurationItem).toBeInstanceOf(Configuration)
-            expect(store.configurationItem).toEqual(mockConfiguration()[2])
-            expect(store.configurationItem.validate().success).toBe(false)
-        }
-    )
-    }
+				expect(store.configurationItem).toBeInstanceOf(Configuration)
+				expect(store.configurationItem).toEqual(mockConfiguration()[2])
+				expect(store.configurationItem.validate().success).toBe(false)
+			},
+		)
+	},
 )
diff --git a/src/store/modules/configuration.specs.js b/src/store/modules/configuration.specs.js
index 62920f59..085b544a 100644
--- a/src/store/modules/configuration.specs.js
+++ b/src/store/modules/configuration.specs.js
@@ -1,137 +1,137 @@
 /* eslint-disable no-console */
-import { createPinia, setActivePinia } from 'pinia';
+import { createPinia, setActivePinia } from 'pinia'
 
-import { Configuration } from '../../entities/index.js';
-import { useConfigurationStore } from './configuration.js';
+import { Configuration } from '../../entities/index.js'
+import { useConfigurationStore } from './configuration.js'
 
 describe(
-    'Metadata Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
-            }
-    )
+	'Metadata Store', () => {
+		beforeEach(
+			() => {
+				setActivePinia(createPinia())
+			},
+		)
 
-    it(
-        'sets configuration item correctly', () => {
-        const store = useConfigurationStore()
+		it(
+			'sets configuration item correctly', () => {
+				const store = useConfigurationStore()
 
-            store.setConfigurationItem(testData[0])
+				store.setConfigurationItem(testData[0])
 
-            expect(store.configurationItem).toBeInstanceOf(Configuration)
-            expect(store.configurationItem).toEqual(testData[0])
-            expect(store.configurationItem.validate()).toBe(true)
+				expect(store.configurationItem).toBeInstanceOf(Configuration)
+				expect(store.configurationItem).toEqual(testData[0])
+				expect(store.configurationItem.validate()).toBe(true)
 
-            store.setConfigurationItem(testData[1])
+				store.setConfigurationItem(testData[1])
 
-            expect(store.configurationItem).toBeInstanceOf(Configuration)
-            expect(store.configurationItem).not.toEqual(testData[1])
-            expect(store.configurationItem.validate()).toBe(true)
+				expect(store.configurationItem).toBeInstanceOf(Configuration)
+				expect(store.configurationItem).not.toEqual(testData[1])
+				expect(store.configurationItem.validate()).toBe(true)
 
-            store.setConfigurationItem(testData[2])
+				store.setConfigurationItem(testData[2])
 
-            expect(store.configurationItem).toBeInstanceOf(Configuration)
-            expect(store.configurationItem).toEqual(testData[2])
-            expect(store.configurationItem.validate()).toBe(false)
-        }
-    )
+				expect(store.configurationItem).toBeInstanceOf(Configuration)
+				expect(store.configurationItem).toEqual(testData[2])
+				expect(store.configurationItem.validate()).toBe(false)
+			},
+		)
 
-    it(
-        'sets configuration list correctly', () => {
-        const store = useConfigurationStore()
+		it(
+			'sets configuration list correctly', () => {
+				const store = useConfigurationStore()
 
-            store.setConfigurationItem(testData)
+				store.setConfigurationItem(testData)
 
-            expect(store.configurationList).toHaveLength(testData.length)
+				expect(store.configurationList).toHaveLength(testData.length)
 
-            expect(store.configurationList[0]).toBeInstanceOf(Configuration)
-            expect(store.configurationList[0]).toEqual(testData[0])
-            expect(store.configurationList[0].validate()).toBe(true)
+				expect(store.configurationList[0]).toBeInstanceOf(Configuration)
+				expect(store.configurationList[0]).toEqual(testData[0])
+				expect(store.configurationList[0].validate()).toBe(true)
 
-            expect(store.configurationList[1]).toBeInstanceOf(Configuration)
-            expect(store.configurationList[1]).not.toEqual(testData[1])
-            expect(store.configurationList[1].validate()).toBe(true)
+				expect(store.configurationList[1]).toBeInstanceOf(Configuration)
+				expect(store.configurationList[1]).not.toEqual(testData[1])
+				expect(store.configurationList[1].validate()).toBe(true)
 
-            expect(store.configurationList[2]).toBeInstanceOf(Configuration)
-            expect(store.configurationList[2]).toEqual(testData[2])
-            expect(store.configurationList[2].validate()).toBe(false)
-        }
-    )
-    }
+				expect(store.configurationList[2]).toBeInstanceOf(Configuration)
+				expect(store.configurationList[2]).toEqual(testData[2])
+				expect(store.configurationList[2].validate()).toBe(false)
+			},
+		)
+	},
 )
 
 const testData = [
-    { // full data
-        id: '1',
-        reference: 'ref1',
-        title: 'test 1',
-        summary: 'a short form summary',
-        description: 'a really really long description about this catalogus',
-        image: 'https://example.com/image.jpg',
-        category: 'category1',
-        portal: 'portal1',
-        catalogi: 'catalogi1',
-        metaData: 'meta1',
-        publicationDate: '2024-01-01',
-        modified: '2024-01-02',
-        featured: true,
-        organisation: [{ name: 'Org1' }],
-        data: [{ key: 'value1' }],
-        attachments: ['attachment1'],
-        attachmentCount: 1,
-        schema: 'schema1',
-        status: 'status1',
-        license: 'MIT',
-        themes: 'theme1',
-        anonymization: { anonymized: 'yes', results: 'success' },
-        language: { code: 'en', level: 'native' },
-    },
-    { // partial data
-        id: '2',
-        reference: 'ref2',
-        title: 'test 2',
-        summary: 'a short form summary',
-        description: 'a really really long description about this catalogus',
-        image: 'https://example.com/image.jpg',
-        category: 'category2',
-        portal: 'portal2',
-        catalogi: 'catalogi2',
-        metaData: 'meta2',
-        publicationDate: '2024-01-01',
-        modified: '2024-01-02',
-        featured: true,
-        organisation: [{ name: 'Org1' }],
-        data: [{ key: 'value1' }],
-        attachments: ['attachment1'],
-        attachmentCount: 1,
-
-        themes: 'theme1',
-        anonymization: { anonymized: 'yes', results: 'success' },
-        language: { code: 'en', level: 'native' },
-    },
-    { // invalid data
-        id: '3',
-        reference: 'ref3',
-        title: '',
-        summary: 'a short form summary',
-        description: 'a really really long description about this catalogus',
-        image: 'https://example.com/image.jpg',
-        category: 'category3',
-        portal: 'portal3',
-        catalogi: 'catalogi3',
-        metaData: 'meta3',
-        publicationDate: '2024-01-01',
-        modified: '2024-01-02',
-        featured: true,
-        organisation: [{ name: 'Org1' }],
-        data: [{ key: 'value1' }],
-        attachments: ['attachment1'],
-        attachmentCount: 1,
-        schema: 'schema1',
-        status: 'status1',
-        license: 'MIT',
-        themes: 'theme1',
-        anonymization: { anonymized: 'yes', results: 'success' },
-        language: { code: 'en', level: 'native' },
-    },
-    ]
+	{ // full data
+		id: '1',
+		reference: 'ref1',
+		title: 'test 1',
+		summary: 'a short form summary',
+		description: 'a really really long description about this catalogus',
+		image: 'https://example.com/image.jpg',
+		category: 'category1',
+		portal: 'portal1',
+		catalogi: 'catalogi1',
+		metaData: 'meta1',
+		publicationDate: '2024-01-01',
+		modified: '2024-01-02',
+		featured: true,
+		organisation: [{ name: 'Org1' }],
+		data: [{ key: 'value1' }],
+		attachments: ['attachment1'],
+		attachmentCount: 1,
+		schema: 'schema1',
+		status: 'status1',
+		license: 'MIT',
+		themes: 'theme1',
+		anonymization: { anonymized: 'yes', results: 'success' },
+		language: { code: 'en', level: 'native' },
+	},
+	{ // partial data
+		id: '2',
+		reference: 'ref2',
+		title: 'test 2',
+		summary: 'a short form summary',
+		description: 'a really really long description about this catalogus',
+		image: 'https://example.com/image.jpg',
+		category: 'category2',
+		portal: 'portal2',
+		catalogi: 'catalogi2',
+		metaData: 'meta2',
+		publicationDate: '2024-01-01',
+		modified: '2024-01-02',
+		featured: true,
+		organisation: [{ name: 'Org1' }],
+		data: [{ key: 'value1' }],
+		attachments: ['attachment1'],
+		attachmentCount: 1,
+
+		themes: 'theme1',
+		anonymization: { anonymized: 'yes', results: 'success' },
+		language: { code: 'en', level: 'native' },
+	},
+	{ // invalid data
+		id: '3',
+		reference: 'ref3',
+		title: '',
+		summary: 'a short form summary',
+		description: 'a really really long description about this catalogus',
+		image: 'https://example.com/image.jpg',
+		category: 'category3',
+		portal: 'portal3',
+		catalogi: 'catalogi3',
+		metaData: 'meta3',
+		publicationDate: '2024-01-01',
+		modified: '2024-01-02',
+		featured: true,
+		organisation: [{ name: 'Org1' }],
+		data: [{ key: 'value1' }],
+		attachments: ['attachment1'],
+		attachmentCount: 1,
+		schema: 'schema1',
+		status: 'status1',
+		license: 'MIT',
+		themes: 'theme1',
+		anonymization: { anonymized: 'yes', results: 'success' },
+		language: { code: 'en', level: 'native' },
+	},
+]
diff --git a/src/store/modules/directory.spec.js b/src/store/modules/directory.spec.js
index 05db6c68..e1f61258 100644
--- a/src/store/modules/directory.spec.js
+++ b/src/store/modules/directory.spec.js
@@ -16,38 +16,38 @@ describe(
 			'sets listing item correctly', () => {
 				const store = useDirectoryStore()
 
-		store.setListingItem(mockListings()[0])
+				store.setListingItem(mockListings()[0])
 
-		expect(store.listingItem).toBeInstanceOf(Listing)
-		expect(store.listingItem).toEqual(mockListings()[0])
+				expect(store.listingItem).toBeInstanceOf(Listing)
+				expect(store.listingItem).toEqual(mockListings()[0])
 
-		expect(store.listingItem.validate().success).toBe(true)
-	})
+				expect(store.listingItem.validate().success).toBe(true)
+			})
 
 		it(
 			'sets listings list correctly', () => {
 				const store = useDirectoryStore()
 
-		store.setListingList(mockListings())
+				store.setListingList(mockListings())
 
-		expect(store.listingList).toHaveLength(mockListings().length)
+				expect(store.listingList).toHaveLength(mockListings().length)
 
-		// list item 1
-		expect(store.listingList[0]).toBeInstanceOf(Listing)
-		expect(store.listingList[0]).toEqual(mockListings()[0])
+				// list item 1
+				expect(store.listingList[0]).toBeInstanceOf(Listing)
+				expect(store.listingList[0]).toEqual(mockListings()[0])
 
-		expect(store.listingList[0].validate().success).toBe(true)
+				expect(store.listingList[0].validate().success).toBe(true)
 
-		// list item 2
-		expect(store.listingList[1]).toBeInstanceOf(Listing)
-		expect(store.listingList[1]).toEqual(mockListings()[1])
+				// list item 2
+				expect(store.listingList[1]).toBeInstanceOf(Listing)
+				expect(store.listingList[1]).toEqual(mockListings()[1])
 
-		expect(store.listingList[1].validate().success).toBe(true)
+				expect(store.listingList[1].validate().success).toBe(true)
 
-		// list item 3
-		expect(store.listingList[2]).toBeInstanceOf(Listing)
-		expect(store.listingList[2]).toEqual(mockListings()[2])
+				// list item 3
+				expect(store.listingList[2]).toBeInstanceOf(Listing)
+				expect(store.listingList[2]).toEqual(mockListings()[2])
 
-		expect(store.listingList[2].validate().success).toBe(false)
+				expect(store.listingList[2].validate().success).toBe(false)
+			})
 	})
-})
diff --git a/src/store/modules/metadata.js b/src/store/modules/metadata.js
index 0de1c28e..037e94a4 100644
--- a/src/store/modules/metadata.js
+++ b/src/store/modules/metadata.js
@@ -3,65 +3,65 @@ import { defineStore } from 'pinia'
 import { Metadata } from '../../entities/index.js'
 
 export const useMetadataStore = defineStore(
-    'metadata', {
-        state: () => ({
-            metaDataItem: false,
-            metaDataList: [],
-            metadataDataKey: false,
-        }),
-    actions: {
-        setMetaDataItem(metaDataItem) {
-            // for backward compatibility
-            if (!!metaDataItem && typeof metaDataItem?.properties === 'string') {
-                metaDataItem.properties = JSON.parse(metaDataItem.properties)
-            }
+	'metadata', {
+		state: () => ({
+			metaDataItem: false,
+			metaDataList: [],
+			metadataDataKey: false,
+		}),
+		actions: {
+			setMetaDataItem(metaDataItem) {
+				// for backward compatibility
+				if (!!metaDataItem && typeof metaDataItem?.properties === 'string') {
+					metaDataItem.properties = JSON.parse(metaDataItem.properties)
+				}
 
-            this.metaDataItem = metaDataItem && new Metadata(metaDataItem)
+				this.metaDataItem = metaDataItem && new Metadata(metaDataItem)
 
-            console.log('Active metadata object set to ' + metaDataItem && metaDataItem.id)
-        },
-        setMetaDataList(metaDataList) {
-            this.metaDataList = metaDataList.map(
-                (metadataItem) => new Metadata(metadataItem),
-            )
-         console.log('Active metadata lest set')
-        },
-        /* istanbul ignore next */ // ignore this for Jest until moved into a service
-        async refreshMetaDataList(search = null) {
-            // @todo this might belong in a service?
-            let endpoint = '/index.php/apps/opencatalogi/api/metadata'
-            if (search !== null && search !== '') {
-                endpoint = endpoint + '?_search=' + search
-            }
-            return fetch(
-                endpoint,
-                {
-                    method: 'GET',
-                },
-            )
-                .then(
-                    (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.metaDataList = data.results.map(
-                                (metadataItem) => new Metadata(metadataItem),
-                            )
-                            return data
-                            }
-                    )
-                    }
-                )
-                .catch(
-                    (err) => {
-                        console.error(err)
-                        return err
-                    }
-                )
-        },
-        setMetadataDataKey(metadataDataKey) {
-            this.metadataDataKey = metadataDataKey
-            console.log('Active metadata data key set to ' + metadataDataKey)
-        },
-        },
-    }
+				console.log('Active metadata object set to ' + metaDataItem && metaDataItem.id)
+			},
+			setMetaDataList(metaDataList) {
+				this.metaDataList = metaDataList.map(
+					(metadataItem) => new Metadata(metadataItem),
+				)
+				console.log('Active metadata lest set')
+			},
+			/* istanbul ignore next */ // ignore this for Jest until moved into a service
+			async refreshMetaDataList(search = null) {
+				// @todo this might belong in a service?
+				let endpoint = '/index.php/apps/opencatalogi/api/metadata'
+				if (search !== null && search !== '') {
+					endpoint = endpoint + '?_search=' + search
+				}
+				return fetch(
+					endpoint,
+					{
+						method: 'GET',
+					},
+				)
+					.then(
+						(response) => {
+							response.json().then(
+								(data) => {
+									this.metaDataList = data.results.map(
+										(metadataItem) => new Metadata(metadataItem),
+									)
+									return data
+								},
+							)
+						},
+					)
+					.catch(
+						(err) => {
+							console.error(err)
+							return err
+						},
+					)
+			},
+			setMetadataDataKey(metadataDataKey) {
+				this.metadataDataKey = metadataDataKey
+				console.log('Active metadata data key set to ' + metadataDataKey)
+			},
+		},
+	},
 )
diff --git a/src/store/modules/navigation.js b/src/store/modules/navigation.js
index 494aaa39..656c26d1 100644
--- a/src/store/modules/navigation.js
+++ b/src/store/modules/navigation.js
@@ -2,34 +2,34 @@
 import { defineStore } from 'pinia'
 
 export const useNavigationStore = defineStore(
-    'ui', {
-        state: () => ({
-            // The currently active menu item, defaults to '' which triggers the dashboard
-            selected: 'dashboard',
-            // The currently selected catalogi within 'publications'
-            selectedCatalogus: false,
-            // The currently active modal, managed trough the state to ensure that only one modal can be active at the same time
-            modal: false,
-            // The currently active dialog
-            dialog: false,
-        }),
-    actions: {
-        setSelected(selected) {
-            this.selected = selected
-            console.log('Active menu item set to ' + selected)
-        },
-        setSelectedCatalogus(selectedCatalogus) {
-            this.selectedCatalogus = selectedCatalogus
-            console.log('Active catalogus menu set to ' + selectedCatalogus)
-        },
-        setModal(modal) {
-            this.modal = modal
-            console.log('Active modal set to ' + modal)
-        },
-        setDialog(dialog) {
-            this.dialog = dialog
-            console.log('Active dialog set to ' + dialog)
-        },
-        },
-    },
+	'ui', {
+		state: () => ({
+			// The currently active menu item, defaults to '' which triggers the dashboard
+			selected: 'dashboard',
+			// The currently selected catalogi within 'publications'
+			selectedCatalogus: false,
+			// The currently active modal, managed trough the state to ensure that only one modal can be active at the same time
+			modal: false,
+			// The currently active dialog
+			dialog: false,
+		}),
+		actions: {
+			setSelected(selected) {
+				this.selected = selected
+				console.log('Active menu item set to ' + selected)
+			},
+			setSelectedCatalogus(selectedCatalogus) {
+				this.selectedCatalogus = selectedCatalogus
+				console.log('Active catalogus menu set to ' + selectedCatalogus)
+			},
+			setModal(modal) {
+				this.modal = modal
+				console.log('Active modal set to ' + modal)
+			},
+			setDialog(dialog) {
+				this.dialog = dialog
+				console.log('Active dialog set to ' + dialog)
+			},
+		},
+	},
 )
diff --git a/src/store/modules/organisation.js b/src/store/modules/organisation.js
index 3844677c..75416c68 100644
--- a/src/store/modules/organisation.js
+++ b/src/store/modules/organisation.js
@@ -1,51 +1,51 @@
 /* eslint-disable no-console */
-import { defineStore } from 'pinia';
-import { Organisation } from '../../entities/index.js';
+import { defineStore } from 'pinia'
+import { Organisation } from '../../entities/index.js'
 
 export const useOrganisationStore = defineStore(
-    'organisation', {
-        state: () => ({
-            organisationItem: false,
-            organisationList: [],
-        }),
-    actions: {
-        setOrganisationItem(organisationItem) {
-            this.organisationItem = organisationItem && new Organisation(organisationItem)
-            console.log('Active organisation item set to ' + organisationItem && organisationItem?.id)
-        },
-        setOrganisationList(organisationList) {
-            this.organisationList = organisationList.map(
-                (organisationItem) => new Organisation(organisationItem),
-            )
-         console.log('Organisation list set to ' + organisationList.length + ' items')
-        },
-        /* istanbul ignore next */ // ignore this for Jest until moved into a service
-        async refreshOrganisationList(search = null) {
-            // @todo this might belong in a service?
-            let endpoint = '/index.php/apps/opencatalogi/api/organisations'
-            if (search !== null && search !== '') {
-                endpoint = endpoint + '?_search=' + search
-            }
-            return fetch(
-                endpoint, {
-                    method: 'GET',
-                }
-            )
-                .then(
-                    (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setOrganisationList(data.results)
-                            }
-                        )
-                    }
-                )
-                .catch(
-                    (err) => {
-                    console.error(err)
-                    }
-                )
-        },
-        },
-    }
+	'organisation', {
+		state: () => ({
+			organisationItem: false,
+			organisationList: [],
+		}),
+		actions: {
+			setOrganisationItem(organisationItem) {
+				this.organisationItem = organisationItem && new Organisation(organisationItem)
+				console.log('Active organisation item set to ' + organisationItem && organisationItem?.id)
+			},
+			setOrganisationList(organisationList) {
+				this.organisationList = organisationList.map(
+					(organisationItem) => new Organisation(organisationItem),
+				)
+				console.log('Organisation list set to ' + organisationList.length + ' items')
+			},
+			/* istanbul ignore next */ // ignore this for Jest until moved into a service
+			async refreshOrganisationList(search = null) {
+				// @todo this might belong in a service?
+				let endpoint = '/index.php/apps/opencatalogi/api/organisations'
+				if (search !== null && search !== '') {
+					endpoint = endpoint + '?_search=' + search
+				}
+				return fetch(
+					endpoint, {
+						method: 'GET',
+					},
+				)
+					.then(
+						(response) => {
+							response.json().then(
+								(data) => {
+									this.setOrganisationList(data.results)
+								},
+							)
+						},
+					)
+					.catch(
+						(err) => {
+							console.error(err)
+						},
+					)
+			},
+		},
+	},
 )
diff --git a/src/store/modules/organisation.spec.js b/src/store/modules/organisation.spec.js
index b14a260b..27789233 100644
--- a/src/store/modules/organisation.spec.js
+++ b/src/store/modules/organisation.spec.js
@@ -1,61 +1,61 @@
 /* eslint-disable no-console */
-import { createPinia, setActivePinia } from 'pinia';
+import { createPinia, setActivePinia } from 'pinia'
 
-import { mockOrganisation, Organisation } from '../../entities/index.js';
-import { useOrganisationStore } from './organisation.js';
+import { mockOrganisation, Organisation } from '../../entities/index.js'
+import { useOrganisationStore } from './organisation.js'
 
 describe(
-    'Organisation Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
-            }
-    )
+	'Organisation Store', () => {
+		beforeEach(
+			() => {
+				setActivePinia(createPinia())
+			},
+		)
 
-    it(
-        'sets organisation item correctly', () => {
-        const store = useOrganisationStore()
+		it(
+			'sets organisation item correctly', () => {
+				const store = useOrganisationStore()
 
-            store.setOrganisationItem(mockOrganisation()[0])
+				store.setOrganisationItem(mockOrganisation()[0])
 
-            expect(store.organisationItem).toBeInstanceOf(Organisation)
-            expect(store.organisationItem).toEqual(mockOrganisation()[0])
-            expect(store.organisationItem.validate().success).toBe(true)
+				expect(store.organisationItem).toBeInstanceOf(Organisation)
+				expect(store.organisationItem).toEqual(mockOrganisation()[0])
+				expect(store.organisationItem.validate().success).toBe(true)
 
-            store.setOrganisationItem(mockOrganisation()[1])
+				store.setOrganisationItem(mockOrganisation()[1])
 
-            expect(store.organisationItem).toBeInstanceOf(Organisation)
-            expect(store.organisationItem).toEqual(mockOrganisation()[1])
-            expect(store.organisationItem.validate().success).toBe(true)
+				expect(store.organisationItem).toBeInstanceOf(Organisation)
+				expect(store.organisationItem).toEqual(mockOrganisation()[1])
+				expect(store.organisationItem.validate().success).toBe(true)
 
-            store.setOrganisationItem(mockOrganisation()[2])
+				store.setOrganisationItem(mockOrganisation()[2])
 
-            expect(store.organisationItem).toBeInstanceOf(Organisation)
-            expect(store.organisationItem).toEqual(mockOrganisation()[2])
-            expect(store.organisationItem.validate().success).toBe(false)
-        }
-    )
+				expect(store.organisationItem).toBeInstanceOf(Organisation)
+				expect(store.organisationItem).toEqual(mockOrganisation()[2])
+				expect(store.organisationItem.validate().success).toBe(false)
+			},
+		)
 
-    it(
-        'sets organisation list correctly', () => {
-        const store = useOrganisationStore()
+		it(
+			'sets organisation list correctly', () => {
+				const store = useOrganisationStore()
 
-            store.setOrganisationList(mockOrganisation())
+				store.setOrganisationList(mockOrganisation())
 
-            expect(store.organisationList).toHaveLength(mockOrganisation().length)
+				expect(store.organisationList).toHaveLength(mockOrganisation().length)
 
-            expect(store.organisationList[0]).toBeInstanceOf(Organisation)
-            expect(store.organisationList[0]).toEqual(mockOrganisation()[0])
-            expect(store.organisationList[0].validate().success).toBe(true)
+				expect(store.organisationList[0]).toBeInstanceOf(Organisation)
+				expect(store.organisationList[0]).toEqual(mockOrganisation()[0])
+				expect(store.organisationList[0].validate().success).toBe(true)
 
-            expect(store.organisationList[1]).toBeInstanceOf(Organisation)
-            expect(store.organisationList[1]).toEqual(mockOrganisation()[1])
-            expect(store.organisationList[1].validate().success).toBe(true)
+				expect(store.organisationList[1]).toBeInstanceOf(Organisation)
+				expect(store.organisationList[1]).toEqual(mockOrganisation()[1])
+				expect(store.organisationList[1].validate().success).toBe(true)
 
-            expect(store.organisationList[2]).toBeInstanceOf(Organisation)
-            expect(store.organisationList[2]).toEqual(mockOrganisation()[2])
-            expect(store.organisationList[2].validate().success).toBe(false)
-        }
-    )
-    }
+				expect(store.organisationList[2]).toBeInstanceOf(Organisation)
+				expect(store.organisationList[2]).toEqual(mockOrganisation()[2])
+				expect(store.organisationList[2].validate().success).toBe(false)
+			},
+		)
+	},
 )
diff --git a/src/store/modules/publication.spec.js b/src/store/modules/publication.spec.js
index a3fe67b8..c2fefa45 100644
--- a/src/store/modules/publication.spec.js
+++ b/src/store/modules/publication.spec.js
@@ -16,45 +16,45 @@ describe(
 			'sets publication item correctly', () => {
 				const store = usePublicationStore()
 
-		store.setPublicationItem(mockPublications()[0])
+				store.setPublicationItem(mockPublications()[0])
 
-		expect(store.publicationItem).toBeInstanceOf(Publication)
-		expect(store.publicationItem).toEqual(mockPublications()[0])
-		expect(store.publicationItem.validate().success).toBe(true)
+				expect(store.publicationItem).toBeInstanceOf(Publication)
+				expect(store.publicationItem).toEqual(mockPublications()[0])
+				expect(store.publicationItem.validate().success).toBe(true)
 
-		store.setPublicationItem(mockPublications()[1])
+				store.setPublicationItem(mockPublications()[1])
 
-		expect(store.publicationItem).toBeInstanceOf(Publication)
-		expect(store.publicationItem).toEqual(mockPublications()[1])
-		expect(store.publicationItem.validate().success).toBe(true)
+				expect(store.publicationItem).toBeInstanceOf(Publication)
+				expect(store.publicationItem).toEqual(mockPublications()[1])
+				expect(store.publicationItem.validate().success).toBe(true)
 
-		store.setPublicationItem(mockPublications()[2])
+				store.setPublicationItem(mockPublications()[2])
 
-		expect(store.publicationItem).toBeInstanceOf(Publication)
-		expect(store.publicationItem).toEqual(mockPublications()[2])
-		expect(store.publicationItem.validate().success).toBe(false)
-	})
+				expect(store.publicationItem).toBeInstanceOf(Publication)
+				expect(store.publicationItem).toEqual(mockPublications()[2])
+				expect(store.publicationItem.validate().success).toBe(false)
+			})
 
 		it(
 			'sets publication list correctly', () => {
 				const store = usePublicationStore()
 
-		store.setPublicationList(mockPublications())
+				store.setPublicationList(mockPublications())
 
-		expect(store.publicationList).toHaveLength(mockPublications().length)
+				expect(store.publicationList).toHaveLength(mockPublications().length)
 
-		expect(store.publicationList[0]).toBeInstanceOf(Publication)
-		expect(store.publicationList[0]).toEqual(mockPublications()[0])
-		expect(store.publicationList[0].validate().success).toBe(true)
+				expect(store.publicationList[0]).toBeInstanceOf(Publication)
+				expect(store.publicationList[0]).toEqual(mockPublications()[0])
+				expect(store.publicationList[0].validate().success).toBe(true)
 
-		expect(store.publicationList[1]).toBeInstanceOf(Publication)
-		expect(store.publicationList[1]).toEqual(mockPublications()[1])
-		expect(store.publicationList[1].validate().success).toBe(true)
+				expect(store.publicationList[1]).toBeInstanceOf(Publication)
+				expect(store.publicationList[1]).toEqual(mockPublications()[1])
+				expect(store.publicationList[1].validate().success).toBe(true)
 
-		expect(store.publicationList[2]).toBeInstanceOf(Publication)
-		expect(store.publicationList[2]).toEqual(mockPublications()[2])
-		expect(store.publicationList[2].validate().success).toBe(false)
-	})
+				expect(store.publicationList[2]).toBeInstanceOf(Publication)
+				expect(store.publicationList[2]).toEqual(mockPublications()[2])
+				expect(store.publicationList[2].validate().success).toBe(false)
+			})
 
 		// TODO: fix this
 		it(
@@ -71,22 +71,22 @@ describe(
 			'set attachment item correctly', () => {
 				const store = usePublicationStore()
 
-		store.setAttachmentItem(mockAttachments()[0])
+				store.setAttachmentItem(mockAttachments()[0])
 
-		expect(store.attachmentItem).toBeInstanceOf(Attachment)
-		expect(store.attachmentItem).toEqual(mockAttachments()[0])
-		expect(store.attachmentItem.validate().success).toBe(true)
+				expect(store.attachmentItem).toBeInstanceOf(Attachment)
+				expect(store.attachmentItem).toEqual(mockAttachments()[0])
+				expect(store.attachmentItem.validate().success).toBe(true)
 
-		store.setAttachmentItem(mockAttachments()[1])
+				store.setAttachmentItem(mockAttachments()[1])
 
-		expect(store.attachmentItem).toBeInstanceOf(Attachment)
-		expect(store.attachmentItem).toEqual(mockAttachments()[1])
-		expect(store.attachmentItem.validate().success).toBe(true)
+				expect(store.attachmentItem).toBeInstanceOf(Attachment)
+				expect(store.attachmentItem).toEqual(mockAttachments()[1])
+				expect(store.attachmentItem.validate().success).toBe(true)
 
-		store.setAttachmentItem(mockAttachments()[2])
+				store.setAttachmentItem(mockAttachments()[2])
 
-		expect(store.attachmentItem).toBeInstanceOf(Attachment)
-		expect(store.attachmentItem).toEqual(mockAttachments()[2])
-		expect(store.attachmentItem.validate().success).toBe(false)
+				expect(store.attachmentItem).toBeInstanceOf(Attachment)
+				expect(store.attachmentItem).toEqual(mockAttachments()[2])
+				expect(store.attachmentItem.validate().success).toBe(false)
+			})
 	})
-})
diff --git a/src/store/modules/search.js b/src/store/modules/search.js
index cd1a532b..de592002 100644
--- a/src/store/modules/search.js
+++ b/src/store/modules/search.js
@@ -2,55 +2,55 @@
 import { defineStore } from 'pinia'
 
 export const useSearchStore = defineStore(
-    'search', {
-        state: () => ({
-            search: '',
-            searchResults: '',
-            searchError: '',
-        }),
-    actions: {
-        setSearch(search) {
-            this.search = search
-            console.log('Active search set to ' + search)
-        },
-        setSearchResults(searchResults) {
-            this.searchResults = searchResults
-            console.log('Active search set to ' + searchResults)
-        },
-        /* istanbul ignore next */ // ignore this for Jest until moved into a service
-        getSearchResults() {
-            fetch(
-                '/index.php/apps/opencatalogi/api/search?_search=' + this.search,
-                {
-                    method: 'GET',
-                },
-            )
-                .then(
-                    (response) => {
-                        response.json().then(
-                        (data) => {
-                                if (data?.code === 403 && data?.message) {
-                                    this.searchError = data.message
-                                    console.log(this.searchError)
-                                } else {
-                                    this.searchError = '' // Clear any previous errors
-                                }
-                                this.searchResults = data
-                            }
-                    )
-                    }
-                )
-                .catch(
-                    (err) => {
-                        this.searchError = err.message || 'An error occurred'
-                        console.error(err.message ?? err)
-                    }
-                )
-        },
-        clearSearch() {
-            this.search = ''
-            this.searchError = ''
-        },
-        },
-    }
+	'search', {
+		state: () => ({
+			search: '',
+			searchResults: '',
+			searchError: '',
+		}),
+		actions: {
+			setSearch(search) {
+				this.search = search
+				console.log('Active search set to ' + search)
+			},
+			setSearchResults(searchResults) {
+				this.searchResults = searchResults
+				console.log('Active search set to ' + searchResults)
+			},
+			/* istanbul ignore next */ // ignore this for Jest until moved into a service
+			getSearchResults() {
+				fetch(
+					'/index.php/apps/opencatalogi/api/search?_search=' + this.search,
+					{
+						method: 'GET',
+					},
+				)
+					.then(
+						(response) => {
+							response.json().then(
+								(data) => {
+									if (data?.code === 403 && data?.message) {
+										this.searchError = data.message
+										console.log(this.searchError)
+									} else {
+										this.searchError = '' // Clear any previous errors
+									}
+									this.searchResults = data
+								},
+							)
+						},
+					)
+					.catch(
+						(err) => {
+							this.searchError = err.message || 'An error occurred'
+							console.error(err.message ?? err)
+						},
+					)
+			},
+			clearSearch() {
+				this.search = ''
+				this.searchError = ''
+			},
+		},
+	},
 )
diff --git a/src/store/modules/theme.js b/src/store/modules/theme.js
index 0cecf1b0..d7c204a0 100644
--- a/src/store/modules/theme.js
+++ b/src/store/modules/theme.js
@@ -3,49 +3,49 @@ import { Theme } from '../../entities/index.js'
 import { defineStore } from 'pinia'
 
 export const useThemeStore = defineStore(
-    'theme', {
-        state: () => ({
-            themeItem: false,
-            themeList: [],
-        }),
-    actions: {
-        setThemeItem(themeItem) {
-            this.themeItem = themeItem && new Theme(themeItem)
-            console.log('Active theme item set to ' + themeItem && themeItem?.id)
-        },
-        setThemeList(themeList) {
-            this.themeList = themeList.map(
-                (themeItem) => new Theme(themeItem),
-            )
-         console.log('Theme list set to ' + themeList.length + ' items')
-        },
-        /* istanbul ignore next */ // ignore this for Jest until moved into a service
-        async refreshThemeList(search = null) {
-            // @todo this might belong in a service?
-            let endpoint = '/index.php/apps/opencatalogi/api/themes'
-            if (search !== null && search !== '') {
-                endpoint = endpoint + '?_search=' + search
-            }
-            return fetch(
-                endpoint, {
-                    method: 'GET',
-                }
-            )
-                .then(
-                    (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setThemeList(data.results)
-                            }
-                        )
-                    }
-                )
-                .catch(
-                    (err) => {
-                    console.error(err)
-                    }
-                )
-        },
-        },
-    }
+	'theme', {
+		state: () => ({
+			themeItem: false,
+			themeList: [],
+		}),
+		actions: {
+			setThemeItem(themeItem) {
+				this.themeItem = themeItem && new Theme(themeItem)
+				console.log('Active theme item set to ' + themeItem && themeItem?.id)
+			},
+			setThemeList(themeList) {
+				this.themeList = themeList.map(
+					(themeItem) => new Theme(themeItem),
+				)
+				console.log('Theme list set to ' + themeList.length + ' items')
+			},
+			/* istanbul ignore next */ // ignore this for Jest until moved into a service
+			async refreshThemeList(search = null) {
+				// @todo this might belong in a service?
+				let endpoint = '/index.php/apps/opencatalogi/api/themes'
+				if (search !== null && search !== '') {
+					endpoint = endpoint + '?_search=' + search
+				}
+				return fetch(
+					endpoint, {
+						method: 'GET',
+					},
+				)
+					.then(
+						(response) => {
+							response.json().then(
+								(data) => {
+									this.setThemeList(data.results)
+								},
+							)
+						},
+					)
+					.catch(
+						(err) => {
+							console.error(err)
+						},
+					)
+			},
+		},
+	},
 )
diff --git a/src/store/modules/theme.spec.js b/src/store/modules/theme.spec.js
index cb7b85cc..75f6a99f 100644
--- a/src/store/modules/theme.spec.js
+++ b/src/store/modules/theme.spec.js
@@ -5,57 +5,57 @@ import { useThemeStore } from './theme.js'
 import { mockTheme, Theme } from '../../entities/index.js'
 
 describe(
-    'Theme Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
-            }
-    )
+	'Theme Store', () => {
+		beforeEach(
+			() => {
+				setActivePinia(createPinia())
+			},
+		)
 
-    it(
-        'sets theme item correctly', () => {
-        const store = useThemeStore()
+		it(
+			'sets theme item correctly', () => {
+				const store = useThemeStore()
 
-            store.setThemeItem(mockTheme()[0])
+				store.setThemeItem(mockTheme()[0])
 
-            expect(store.themeItem).toBeInstanceOf(Theme)
-            expect(store.themeItem).toEqual(mockTheme()[0])
-            expect(store.themeItem.validate().success).toBe(true)
+				expect(store.themeItem).toBeInstanceOf(Theme)
+				expect(store.themeItem).toEqual(mockTheme()[0])
+				expect(store.themeItem.validate().success).toBe(true)
 
-            store.setThemeItem(mockTheme()[1])
+				store.setThemeItem(mockTheme()[1])
 
-            expect(store.themeItem).toBeInstanceOf(Theme)
-            expect(store.themeItem).toEqual(mockTheme()[1])
-            expect(store.themeItem.validate().success).toBe(true)
+				expect(store.themeItem).toBeInstanceOf(Theme)
+				expect(store.themeItem).toEqual(mockTheme()[1])
+				expect(store.themeItem.validate().success).toBe(true)
 
-            store.setThemeItem(mockTheme()[2])
+				store.setThemeItem(mockTheme()[2])
 
-            expect(store.themeItem).toBeInstanceOf(Theme)
-            expect(store.themeItem).toEqual(mockTheme()[2])
-            expect(store.themeItem.validate().success).toBe(false)
-        }
-    )
+				expect(store.themeItem).toBeInstanceOf(Theme)
+				expect(store.themeItem).toEqual(mockTheme()[2])
+				expect(store.themeItem.validate().success).toBe(false)
+			},
+		)
 
-    it(
-        'sets theme list correctly', () => {
-        const store = useThemeStore()
+		it(
+			'sets theme list correctly', () => {
+				const store = useThemeStore()
 
-            store.setThemeList(mockTheme())
+				store.setThemeList(mockTheme())
 
-            expect(store.themeList).toHaveLength(mockTheme().length)
+				expect(store.themeList).toHaveLength(mockTheme().length)
 
-            expect(store.themeList[0]).toBeInstanceOf(Theme)
-            expect(store.themeList[0]).toEqual(mockTheme()[0])
-            expect(store.themeList[0].validate().success).toBe(true)
+				expect(store.themeList[0]).toBeInstanceOf(Theme)
+				expect(store.themeList[0]).toEqual(mockTheme()[0])
+				expect(store.themeList[0].validate().success).toBe(true)
 
-            expect(store.themeList[1]).toBeInstanceOf(Theme)
-            expect(store.themeList[1]).toEqual(mockTheme()[1])
-            expect(store.themeList[1].validate().success).toBe(true)
+				expect(store.themeList[1]).toBeInstanceOf(Theme)
+				expect(store.themeList[1]).toEqual(mockTheme()[1])
+				expect(store.themeList[1].validate().success).toBe(true)
 
-            expect(store.themeList[2]).toBeInstanceOf(Theme)
-            expect(store.themeList[2]).toEqual(mockTheme()[2])
-            expect(store.themeList[2].validate().success).toBe(false)
-        }
-    )
-    }
+				expect(store.themeList[2]).toBeInstanceOf(Theme)
+				expect(store.themeList[2]).toEqual(mockTheme()[2])
+				expect(store.themeList[2].validate().success).toBe(false)
+			},
+		)
+	},
 )
diff --git a/src/store/store.js b/src/store/store.js
index 67274672..18c2d3d4 100644
--- a/src/store/store.js
+++ b/src/store/store.js
@@ -22,15 +22,15 @@ const themeStore = useThemeStore(pinia)
 const configurationStore = useConfigurationStore(pinia)
 
 export {
-    // generic
-    navigationStore,
-    searchStore,
-    // feature-specific
-    catalogiStore,
-    directoryStore,
-    metadataStore,
-    publicationStore,
-    organisationStore,
-    themeStore,
-    configurationStore,
+	// generic
+	navigationStore,
+	searchStore,
+	// feature-specific
+	catalogiStore,
+	directoryStore,
+	metadataStore,
+	publicationStore,
+	organisationStore,
+	themeStore,
+	configurationStore,
 }
diff --git a/src/views/organisations/OrganisationIndex.vue b/src/views/organisations/OrganisationIndex.vue
index 52d095b9..dbc8c288 100644
--- a/src/views/organisations/OrganisationIndex.vue
+++ b/src/views/organisations/OrganisationIndex.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { navigationStore, organisationStore, searchStore } from '../../store/store.js';
+import { navigationStore, organisationStore, searchStore } from '../../store/store.js'
 </script>
 
 <template>
@@ -27,10 +27,10 @@ import { navigationStore, organisationStore, searchStore } from '../../store/sto
 </template>
 
 <script>
-import { NcAppContent, NcButton, NcEmptyContent } from '@nextcloud/vue';
-import OfficeBuildingOutline from 'vue-material-design-icons/OfficeBuildingOutline.vue';
-import OrganisationDetails from './OrganisationDetail.vue';
-import OrganisationList from './OrganisationList.vue';
+import { NcAppContent, NcButton, NcEmptyContent } from '@nextcloud/vue'
+import OfficeBuildingOutline from 'vue-material-design-icons/OfficeBuildingOutline.vue'
+import OrganisationDetails from './OrganisationDetail.vue'
+import OrganisationList from './OrganisationList.vue'
 
 export default {
 	name: 'OrganisationIndex',
diff --git a/src/views/organisations/OrganisationList.vue b/src/views/organisations/OrganisationList.vue
index cef7616c..a0bf9162 100644
--- a/src/views/organisations/OrganisationList.vue
+++ b/src/views/organisations/OrganisationList.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { navigationStore, organisationStore } from '../../store/store.js';
+import { navigationStore, organisationStore } from '../../store/store.js'
 </script>
 
 <template>
@@ -84,18 +84,18 @@ import { navigationStore, organisationStore } from '../../store/store.js';
 	</NcAppContentList>
 </template>
 <script>
-import { NcActionButton, NcActions, NcAppContentList, NcListItem, NcLoadingIcon, NcTextField } from '@nextcloud/vue';
-import { debounce } from 'lodash';
+import { NcActionButton, NcActions, NcAppContentList, NcListItem, NcLoadingIcon, NcTextField } from '@nextcloud/vue'
+import { debounce } from 'lodash'
 
 // Icons
-import ContentCopy from 'vue-material-design-icons/ContentCopy.vue';
-import Delete from 'vue-material-design-icons/Delete.vue';
-import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue';
-import Magnify from 'vue-material-design-icons/Magnify.vue';
-import OfficeBuildingOutline from 'vue-material-design-icons/OfficeBuildingOutline.vue';
-import Pencil from 'vue-material-design-icons/Pencil.vue';
-import Plus from 'vue-material-design-icons/Plus.vue';
-import Refresh from 'vue-material-design-icons/Refresh.vue';
+import ContentCopy from 'vue-material-design-icons/ContentCopy.vue'
+import Delete from 'vue-material-design-icons/Delete.vue'
+import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'
+import Magnify from 'vue-material-design-icons/Magnify.vue'
+import OfficeBuildingOutline from 'vue-material-design-icons/OfficeBuildingOutline.vue'
+import Pencil from 'vue-material-design-icons/Pencil.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
+import Refresh from 'vue-material-design-icons/Refresh.vue'
 
 export default {
 	name: 'OrganisationList',
diff --git a/src/views/publications/PublicationDetail.vue b/src/views/publications/PublicationDetail.vue
index 8a2bfb96..75b69959 100644
--- a/src/views/publications/PublicationDetail.vue
+++ b/src/views/publications/PublicationDetail.vue
@@ -368,8 +368,6 @@ import PublishOff from 'vue-material-design-icons/PublishOff.vue'
 import TimelineQuestionOutline from 'vue-material-design-icons/TimelineQuestionOutline.vue'
 import TrayArrowDown from 'vue-material-design-icons/TrayArrowDown.vue'
 
-
-
 export default {
 	name: 'PublicationDetail',
 	components: {