diff --git a/komga-webui/src/components/BrowseLibraries.vue b/komga-webui/src/components/BrowseLibraries.vue
index e7be11acc..2d5ccab2f 100644
--- a/komga-webui/src/components/BrowseLibraries.vue
+++ b/komga-webui/src/components/BrowseLibraries.vue
@@ -69,14 +69,9 @@
 
 <script lang="ts">
 import CardSeries from '@/components/CardSeries.vue'
+import { LoadState } from '@/types/common'
 import Vue from 'vue'
 
-enum LoadState {
-  Loaded,
-  NotLoaded,
-  Loading
-}
-
 export default Vue.extend({
   name: 'BrowseLibraries',
   components: { CardSeries },
diff --git a/komga-webui/src/components/BrowseSeries.vue b/komga-webui/src/components/BrowseSeries.vue
index 76e419ae7..779d3ae0b 100644
--- a/komga-webui/src/components/BrowseSeries.vue
+++ b/komga-webui/src/components/BrowseSeries.vue
@@ -69,14 +69,9 @@
 
 <script lang="ts">
 import CardBook from '@/components/CardBook.vue'
+import { LoadState } from '@/types/common'
 import Vue from 'vue'
 
-enum LoadState {
-  Loaded,
-  NotLoaded,
-  Loading
-}
-
 export default Vue.extend({
   name: 'BrowseSeries',
   components: { CardBook },
diff --git a/komga-webui/src/types/common.ts b/komga-webui/src/types/common.ts
new file mode 100644
index 000000000..80a276bd9
--- /dev/null
+++ b/komga-webui/src/types/common.ts
@@ -0,0 +1,5 @@
+export enum LoadState {
+  Loaded,
+  NotLoaded,
+  Loading
+}