diff --git a/src/components/shows/TimeSlotList.vue b/src/components/shows/TimeSlotList.vue
index aa6b7c5bb73448406b57624d74c6bc83b0f3fa1b..f33078e121e1736335e0544b5e1ad1913de39125 100644
--- a/src/components/shows/TimeSlotList.vue
+++ b/src/components/shows/TimeSlotList.vue
@@ -76,6 +76,11 @@ import Pagination from '@/components/generic/Pagination.vue'
 import PaginationRange from '@/components/generic/PaginationRange.vue'
 import SectionTitle from '@/components/generic/SectionTitle.vue'
 
+defineOptions({
+  compatConfig: { MODE: 3 },
+  ATTR_FALSE_VALUE: false,
+})
+
 const { t } = useI18n()
 const store = useStore()
 const page = ref(1)
@@ -94,11 +99,3 @@ watchEffect(() => {
   }
 })
 </script>
-
-<script lang="ts">
-export default {
-  compatConfig: {
-    MODE: 3,
-  },
-}
-</script>
diff --git a/src/components/shows/TimeSlotRow.vue b/src/components/shows/TimeSlotRow.vue
index 7647913ffaeabf9dffce115bc5e1012991d9f70b..dad1b461673ee31e867a9fdc97ccb64098d2b97c 100644
--- a/src/components/shows/TimeSlotRow.vue
+++ b/src/components/shows/TimeSlotRow.vue
@@ -88,6 +88,12 @@ import { prettyDuration, usePretty } from '@/mixins/prettyDate'
 import NoteEditorModal from './NoteEditorModal.vue'
 import PlaylistModal from './PlaylistSelector.vue'
 
+defineOptions({
+  compatConfig: { MODE: 3 },
+  inheritAttrs: false,
+  ATTR_FALSE_VALUE: false,
+})
+
 const props = defineProps<{
   timeslot: TimeSlot
 }>()
@@ -129,12 +135,3 @@ function editPlaylist() {
   playlistModal.value.open(props.timeslot.scheduleId, props.timeslot.id)
 }
 </script>
-
-<script lang="ts">
-export default {
-  inheritAttrs: false,
-  compatConfig: {
-    MODE: 3,
-  },
-}
-</script>