fix: ensure show name html is displayed everywhere

refs #343

src/Pages/Calendar.vue

@@ -44,7 +44,7 @@
                     <template v-if="event.extendedProps.durationMinutes > slotDurationMinutes">
                       <div class="fc-event-time">{{ timeText }}</div>
                       <div class="fc-event-title-container">
-                        <div class="fc-event-title fc-sticky">{{ event.title }}</div>
+                        <div class="fc-event-title fc-sticky" v-html="event.title" />
                       </div>
                     </template>
                   </div>
@@ -210,7 +210,7 @@ const calendarEvents = computedAsync(
         className.push('is-fallback')
       else className.push('is-normal')
 
-      const title = sanitizeHTML(show?.name ?? '') + emptyText
+      const title = sanitizeHTML(show?.name ?? '', 'inline-noninteractive') + emptyText
       const slot = {
         id: entry.id,
         start: entry.start,

src/components/schedule/AScheduleCreateDialog.vue

 <template>
-  <ADialog
-    ref="dialog"
-    :title="
-      t('scheduleEditor.titleCreate', { show: sanitizeHTML(show?.name ?? t('show.singular')) })
-    "
-    class="md:tw-w-[600px]"
-    is-modal
-  >
+  <ADialog ref="dialog" class="md:tw-w-[600px]" is-modal>
+    <template #header="{ titleClass }">
+      <p
+        :class="titleClass"
+        v-html="
+          t('scheduleEditor.titleCreate', {
+            show: sanitizeHTML(show?.name ?? t('show.singular'), 'inline-noninteractive'),
+          })
+        "
+      />
+    </template>
+
     <AAlert v-if="nowDate > firstDate" is-warning class="tw-mb-6">
       {{ t('scheduleEditor.pastEventWarning') }}
     </AAlert>

src/components/shows/ShowListTableRow.vue

@@ -12,7 +12,11 @@
         :to="{ name: 'show', params: { showId: show.id } }"
         class="tw-text-inherit tw-block tw-no-underline tw-group"
       >
-        <SafeHTML :html="show.name" class="tw-block tw-font-semibold group-hover:tw-underline" />
+        <SafeHTML
+          :html="show.name"
+          class="tw-block tw-font-semibold group-hover:tw-underline"
+          sanitize-preset="inline-noninteractive"
+        />
         <SafeHTML :html="show.shortDescription" class="tw-text-sm" />
         <div v-if="radioSettings?.program.fallback.showId === show.id" class="tw-mt-1">
           <APill

src/components/shows/ShowSelector.vue

@@ -11,7 +11,7 @@
     <template #default="{ choice, index, activeIndex, ...attrs }">
       <li v-bind="attrs">
         <p class="tw-m-0 tw-font-bold tw-flex tw-items-baseline tw-justify-between">
-          <SafeHTML :html="(choice as Show).name" sanitize-preset="strip" />
+          <SafeHTML :html="(choice as Show).name" sanitize-preset="inline-noninteractive" />
           <span class="tw-text-xs tw-opacity-75 tw-flex-none tw-font-normal">
             ID: {{ (choice as Show).id }}
           </span>
@@ -39,7 +39,7 @@
         class="tw-absolute tw-left-0 tw-top-0 tw-pointer-events-none tw-truncate form-control !tw-border-none !tw-bg-transparent"
         style="max-width: calc(100% - 5.5rem)"
       >
-        <SafeHTML :html="selectedShow.name" sanitize-preset="strip" />
+        <SafeHTML :html="selectedShow.name" sanitize-preset="inline-noninteractive" />
       </span>
     </template>
   </ComboBoxSimple>