diff --git a/frontend/src/components/BuildStats.vue b/frontend/src/components/BuildStats.vue
index 4dae5a6..a738f08 100644
--- a/frontend/src/components/BuildStats.vue
+++ b/frontend/src/components/BuildStats.vue
@@ -18,8 +18,9 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
+import { type Stats } from '@/types/Stats'
 
-const stats = ref({
+const stats = ref<Stats>({
   latest: 0,
   queued: 0,
   skipped: 0,
diff --git a/frontend/src/components/Packages.vue b/frontend/src/components/Packages.vue
index a0a5674..17a8376 100644
--- a/frontend/src/components/Packages.vue
+++ b/frontend/src/components/Packages.vue
@@ -150,36 +150,8 @@
 
 <script lang="ts" setup>
 import { onMounted, ref, UnwrapRef, watch } from 'vue'
-
-interface Package {
-  pkgbase: string
-  repo: string
-  split_packages: Array<string>
-  status:
-    | 'latest'
-    | 'failed'
-    | 'build'
-    | 'skipped'
-    | 'delayed'
-    | 'building'
-    | 'signing'
-    | 'unknown'
-    | 'queued'
-  skip_reason: string
-  lto: 'enabled' | 'unknown' | 'disabled' | 'auto_disabled'
-  debug_symbols: 'available' | 'unknown' | 'not_available'
-  arch_version: string
-  repo_version: string
-  build_date: string
-  peak_mem: any
-}
-
-interface Packages {
-  packages: Array<Package>
-  total: number
-  offset: number
-  limit: number
-}
+import { type Package } from '@/types/Package'
+import { type Packages } from '@/types/Packages'
 
 const inputPkgBase = ref('')
 const selectRepo = ref({ title: 'Repository (any)', value: 'any' })
@@ -236,7 +208,7 @@ const searchPackages = (offset: number) => {
         throw new Error(response.statusText)
       }
     })
-    .then((json) => {
+    .then((json: Packages) => {
       if (!json) return
 
       if (pagesMax.value !== json.total) {
diff --git a/frontend/src/types/Package.ts b/frontend/src/types/Package.ts
new file mode 100644
index 0000000..37eaaf4
--- /dev/null
+++ b/frontend/src/types/Package.ts
@@ -0,0 +1,22 @@
+export interface Package {
+  pkgbase: string
+  repo: string
+  split_packages: Array<string>
+  status:
+    | 'latest'
+    | 'failed'
+    | 'build'
+    | 'skipped'
+    | 'delayed'
+    | 'building'
+    | 'signing'
+    | 'unknown'
+    | 'queued'
+  skip_reason: string
+  lto: 'enabled' | 'unknown' | 'disabled' | 'auto_disabled'
+  debug_symbols: 'available' | 'unknown' | 'not_available'
+  arch_version: string
+  repo_version: string
+  build_date: string
+  peak_mem: any
+}
diff --git a/frontend/src/types/Packages.ts b/frontend/src/types/Packages.ts
new file mode 100644
index 0000000..9e0f908
--- /dev/null
+++ b/frontend/src/types/Packages.ts
@@ -0,0 +1,8 @@
+import { type Package } from '@/types/Package'
+
+export interface Packages {
+  packages: Array<Package>
+  total: number
+  offset: number
+  limit: number
+}
diff --git a/frontend/src/types/Stats.ts b/frontend/src/types/Stats.ts
new file mode 100644
index 0000000..0067e46
--- /dev/null
+++ b/frontend/src/types/Stats.ts
@@ -0,0 +1,9 @@
+import { type Stats_Lto } from '@/types/Stats_Lto'
+
+export interface Stats {
+  latest: number
+  queued: number
+  skipped: number
+  failed: number
+  lto: Stats_Lto
+}
diff --git a/frontend/src/types/Stats_Lto.ts b/frontend/src/types/Stats_Lto.ts
new file mode 100644
index 0000000..865da2d
--- /dev/null
+++ b/frontend/src/types/Stats_Lto.ts
@@ -0,0 +1,5 @@
+export interface Stats_Lto {
+  enabled: number
+  disabled: number
+  unknown: number
+}