chore: use new defineOptions macro

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>

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>