diff --git a/frontend/src/components/Breadcrumbs.vue b/frontend/src/components/Breadcrumbs.vue
index d5e157bf..2ed43953 100644
--- a/frontend/src/components/Breadcrumbs.vue
+++ b/frontend/src/components/Breadcrumbs.vue
@@ -29,7 +29,7 @@ const route = useRoute();
 
 const props = defineProps<{
   base: string;
-  noLink: boolean;
+  noLink?: boolean;
 }>();
 
 const items = computed(() => {
@@ -72,7 +72,7 @@ const items = computed(() => {
 });
 
 const element = computed(() => {
-  if (props.noLink !== undefined) {
+  if (props.noLink) {
     return "span";
   }
 
diff --git a/frontend/src/components/files/ListingItem.vue b/frontend/src/components/files/ListingItem.vue
index 04b4ed60..d4b4465e 100644
--- a/frontend/src/components/files/ListingItem.vue
+++ b/frontend/src/components/files/ListingItem.vue
@@ -15,7 +15,7 @@
   >
     <div>
       <img
-        v-if="readOnly == undefined && type === 'image' && isThumbsEnabled"
+        v-if="!readOnly && type === 'image' && isThumbsEnabled"
         v-lazy="thumbnailUrl"
       />
       <i v-else class="material-icons"></i>
@@ -60,8 +60,8 @@ const props = defineProps<{
   size: number;
   modified: string;
   index: number;
-  readOnly: boolean;
-  path: string;
+  readOnly?: boolean;
+  path?: string;
 }>();
 
 const authStore = useAuthStore();
@@ -69,17 +69,17 @@ const fileStore = useFileStore();
 const layoutStore = useLayoutStore();
 
 const singleClick = computed(
-  () => props.readOnly == undefined && authStore.user?.singleClick
+  () => !props.readOnly && authStore.user?.singleClick
 );
 const isSelected = computed(
   () => fileStore.selected.indexOf(props.index) !== -1
 );
 const isDraggable = computed(
-  () => props.readOnly == undefined && authStore.user?.perm.rename
+  () => !props.readOnly && authStore.user?.perm.rename
 );
 
 const canDrop = computed(() => {
-  if (!props.isDir || props.readOnly !== undefined) return false;
+  if (!props.isDir || props.readOnly) return false;
 
   for (let i of fileStore.selected) {
     if (fileStore.req?.items[i].url === props.url) {
@@ -111,7 +111,7 @@ const humanSize = () => {
 };
 
 const humanTime = () => {
-  if (props.readOnly == undefined && authStore.user?.dateFormat) {
+  if (!props.readOnly && authStore.user?.dateFormat) {
     return dayjs(props.modified).format("L LT");
   }
   return dayjs(props.modified).fromNow();
diff --git a/frontend/src/components/header/HeaderBar.vue b/frontend/src/components/header/HeaderBar.vue
index 6ebc2536..c2c8a142 100644
--- a/frontend/src/components/header/HeaderBar.vue
+++ b/frontend/src/components/header/HeaderBar.vue
@@ -1,8 +1,8 @@
 <template>
   <header>
-    <img v-if="showLogo !== undefined" :src="logoURL" />
+    <img v-if="showLogo" :src="logoURL" />
     <Action
-      v-if="showMenu !== undefined"
+      v-if="showMenu"
       class="menu-button"
       icon="menu"
       :label="t('buttons.toggleSidebar')"
@@ -41,8 +41,8 @@ import { computed, useSlots } from "vue";
 import { useI18n } from "vue-i18n";
 
 defineProps<{
-  showLogo: boolean;
-  showMenu: boolean;
+  showLogo?: boolean;
+  showMenu?: boolean;
 }>();
 
 const layoutStore = useLayoutStore();
diff --git a/frontend/src/types/file.d.ts b/frontend/src/types/file.d.ts
index ce8d04bf..9b1e60d9 100644
--- a/frontend/src/types/file.d.ts
+++ b/frontend/src/types/file.d.ts
@@ -18,13 +18,13 @@ interface Resource extends ResourceBase {
   sorting: Sorting;
   hash?: string;
   token?: string;
-  index?: number;
+  index: number;
   subtitles?: string[];
   content?: string;
 }
 
 interface ResourceItem extends ResourceBase {
-  index?: number;
+  index: number;
   subtitles?: string[];
 }