@saooti/octopus-sdk 37.1.0 → 37.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "37.1.0",
+  "version": "37.1.2",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/components/display/comments/CommentSection.vue

@@ -36,12 +36,8 @@ import { useCommentStore } from "@/stores/CommentStore";
 import { mapState, mapActions } from "pinia";
 import { defineAsyncComponent, defineComponent } from "vue";
 import { CommentPodcast } from "@/stores/class/general/comment";
-const CommentList = defineAsyncComponent(
-  () => import("./CommentList.vue"),
-);
-const CommentInput = defineAsyncComponent(
-  () => import("./CommentInput.vue"),
-);
+const CommentList = defineAsyncComponent(() => import("./CommentList.vue"));
+const CommentInput = defineAsyncComponent(() => import("./CommentInput.vue"));
 export default defineComponent({
   name: "CommentSection",
   components: {

package/src/components/display/emission/EmissionInlineList.vue

@@ -3,7 +3,11 @@
     <ClassicLoading
       :loading-text="loading ? $t('Loading emissions ...') : undefined"
     />
-    <SwiperList v-if="(displayRubriquage && rubriques) || !(displayRubriquage && loaded)" :sizeItemOverload="itemSize"  :list-object="allEmissions">
+    <SwiperList
+      v-if="(displayRubriquage && rubriques) || !(displayRubriquage && loaded)"
+      :size-item-overload="itemSize"
+      :list-object="allEmissions"
+    >
       <template #octopusSlide="{ option }">
         <EmissionPlayerItem
           class="flex-shrink-0 item-phone-margin"
@@ -43,7 +47,7 @@ export default defineComponent({
   components: {
     EmissionPlayerItem,
     ClassicLoading,
-    SwiperList
+    SwiperList,
   },
 
   mixins: [handle403, imageProxy, resizePhone],

package/src/components/display/emission/EmissionList.vue

@@ -19,13 +19,18 @@
         class="emission-list"
         :class="smallItems ? 'three-emissions' : 'two-emissions'"
       >
-        <ClassicLazy v-for="e in displayArray" :key="e.emissionId" :minHeight="250" :unrender="true">
+        <ClassicLazy
+          v-for="e in displayArray"
+          :key="e.emissionId"
+          :min-height="250"
+          :unrender="true"
+        >
           <EmissionItem v-if="0 !== e.emissionId" :emission="e" />
           <template #preview>
             <router-link
               :to="{
                 name: 'emission',
-                params: { emissionId: e.emissionId }
+                params: { emissionId: e.emissionId },
               }"
             >
               {{ e.name }}
@@ -78,7 +83,7 @@ export default defineComponent({
     EmissionItem,
     EmissionPlayerItem,
     ListPaginate,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [handle403],

package/src/components/display/emission/EmissionPlayerItem.vue

@@ -59,7 +59,11 @@
               {{ p.title }}
             </div>
           </router-link>
-          <PodcastPlayBar v-else :podcast-id="p.podcastId" :duration="p.duration" />
+          <PodcastPlayBar
+            v-else
+            :podcast-id="p.podcastId"
+            :duration="p.duration"
+          />
         </div>
         <button
           v-if="

package/src/components/display/live/LiveItem.vue

@@ -13,7 +13,10 @@ import crudApi from "@/api/classicCrud";
 import displayMethods from "../../mixins/displayMethods";
 import { Podcast } from "@/stores/class/general/podcast";
 import { defineComponent } from "vue";
-import { Conference, ConferencePublicInfo } from "@/stores/class/conference/conference";
+import {
+  Conference,
+  ConferencePublicInfo,
+} from "@/stores/class/conference/conference";
 export default defineComponent({
   name: "LiveItem",
 

package/src/components/display/live/LiveList.vue

@@ -1,8 +1,5 @@
 <template>
-  <div
-    v-if="displayLiveList"
-    class="d-flex flex-column align-items-start mt-3"
-  >
+  <div v-if="displayLiveList" class="d-flex flex-column align-items-start mt-3">
     <div
       class="d-flex justify-content-between flex-grow-1 mb-3 w-100 align-items-center"
     >
@@ -90,9 +87,12 @@ export default defineComponent({
   computed: {
     ...mapState(useFilterStore, ["filterOrgaId"]),
     ...mapState(useAuthStore, ["authOrganisation"]),
-    displayLiveList(): boolean{
-      return (undefined!==this.filterOrgaId || undefined!==this.organisationId) &&
-        (!this.hideIfEmpty || (this.hideIfEmpty && 0!==this.lives.length) ) ;
+    displayLiveList(): boolean {
+      return (
+        (undefined !== this.filterOrgaId ||
+          undefined !== this.organisationId) &&
+        (!this.hideIfEmpty || (this.hideIfEmpty && 0 !== this.lives.length))
+      );
     },
     filterOrgaUsed(): string | undefined {
       return this.filterOrgaId ? this.filterOrgaId : this.organisationId;

package/src/components/display/participant/ParticipantList.vue

@@ -17,7 +17,12 @@
   >
     <template #list>
       <div class="podcast-list">
-        <ClassicLazy v-for="p in displayArray" :key="p.participantId" :minHeight="360" :unrender="true">
+        <ClassicLazy
+          v-for="p in displayArray"
+          :key="p.participantId"
+          :min-height="360"
+          :unrender="true"
+        >
           <ParticipantItem v-if="0 !== p.participantId" :participant="p" />
           <template #preview>
             <router-link
@@ -55,7 +60,7 @@ export default defineComponent({
   components: {
     ParticipantItem,
     ListPaginate,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [handle403],

package/src/components/display/playlist/PlaylistList.vue

@@ -15,7 +15,12 @@
   >
     <template #list>
       <div class="emission-list two-emissions">
-        <ClassicLazy v-for="p in displayArray" :key="p.playlistId" :minHeight="250" :unrender="true">
+        <ClassicLazy
+          v-for="p in displayArray"
+          :key="p.playlistId"
+          :min-height="250"
+          :unrender="true"
+        >
           <PlaylistItem v-if="0 !== p.playlistId" :playlist="p" />
           <template #preview>
             <router-link
@@ -50,7 +55,7 @@ export default defineComponent({
   components: {
     PlaylistItem,
     ListPaginate,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [handle403],

package/src/components/display/playlist/PodcastList.vue

@@ -31,13 +31,18 @@
     >
       <template #list>
         <div class="podcast-list">
-          <ClassicLazy v-for="p in podcastsDisplay" :key="p.podcastId" :minHeight="410" :unrender="true">
+          <ClassicLazy
+            v-for="p in podcastsDisplay"
+            :key="p.podcastId"
+            :min-height="410"
+            :unrender="true"
+          >
             <PodcastItem v-if="0 !== p.podcastId" :podcast="p" />
             <template #preview>
               <router-link
                 :to="{
                   name: 'podcast',
-                  params: { podcastId: p.podcastId }
+                  params: { podcastId: p.podcastId },
                 }"
               >
                 {{ p.title }}
@@ -70,7 +75,7 @@ export default defineComponent({
     PodcastItem,
     ClassicSearch,
     ListPaginate,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [handle403, orgaComputed],

package/src/components/display/podcasts/PodcastItemInfo.vue

@@ -13,7 +13,12 @@
     >
       {{ title }}
     </router-link>
-    <PodcastPlayBar v-if="isProgressBar" :podcast-id="podcastId" :duration="duration" class="mx-2" />
+    <PodcastPlayBar
+      v-if="isProgressBar"
+      :podcast-id="podcastId"
+      :duration="duration"
+      class="mx-2"
+    />
 
     <div class="mx-2 d-flex align-items-center justify-content-between mt-2">
       <div v-if="isPodcastmaker" class="useless-div-for-podcastmaker" />

package/src/components/display/podcasts/PodcastList.vue

@@ -21,13 +21,18 @@
   >
     <template #list>
       <div class="podcast-list">
-        <ClassicLazy v-for="p in displayArray" :key="p.podcastId" :minHeight="410" :unrender="true">
+        <ClassicLazy
+          v-for="p in displayArray"
+          :key="p.podcastId"
+          :min-height="410"
+          :unrender="true"
+        >
           <PodcastItem v-if="0 !== p.podcastId" :podcast="p" />
           <template #preview>
             <router-link
               :to="{
                 name: 'podcast',
-                params: { podcastId: p.podcastId }
+                params: { podcastId: p.podcastId },
               }"
             >
               {{ p.title }}
@@ -59,7 +64,7 @@ export default defineComponent({
   components: {
     PodcastItem,
     ListPaginate,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [handle403],

package/src/components/display/podcasts/PodcastModuleBox.vue

@@ -125,7 +125,10 @@
       :display-studio-access="isDebriefing"
       @validate-podcast="$emit('updatePodcast', $event)"
     />
-    <TagList v-if="undefined !== podcast.tags && 0 !== podcast.tags.length" :tag-list="podcast.tags" />
+    <TagList
+      v-if="undefined !== podcast.tags && 0 !== podcast.tags.length"
+      :tag-list="podcast.tags"
+    />
   </div>
 </template>
 
@@ -154,9 +157,7 @@ const EditBox = defineAsyncComponent(
 const PodcastPlayBar = defineAsyncComponent(
   () => import("./PodcastPlayBar.vue"),
 );
-const TagList = defineAsyncComponent(
-  () => import("./TagList.vue"),
-);
+const TagList = defineAsyncComponent(() => import("./TagList.vue"));
 export default defineComponent({
   name: "PodcastModuleBox",
   components: {

package/src/components/display/sharing/PlayerParameters.vue

@@ -42,43 +42,43 @@
     </div>
     <ClassicCheckbox
       :text-init="proceedReading"
-      @update:text-init="$emit('update:proceedReading', $event)"
       id-checkbox="proceed-reading-checkbox"
       :label="$t('Proceed reading')"
+      @update:text-init="$emit('update:proceedReading', $event)"
     />
     <ClassicCheckbox
       :text-init="isVisible"
-      @update:text-init="$emit('update:isVisible', $event)"
       id-checkbox="is-visible-checkbox"
       :label="$t('Podcasts still available')"
+      @update:text-init="$emit('update:isVisible', $event)"
     />
   </template>
   <ClassicCheckbox
     v-if="displayArticleParam"
     :text-init="displayArticle"
-    @update:text-init="$emit('update:displayArticle', $event)"
     id-checkbox="display-article-checkbox"
     :label="$t('Display associated article')"
+    @update:text-init="$emit('update:displayArticle', $event)"
   />
   <ClassicCheckbox
     v-if="displayTranscriptParam"
     :text-init="displayTranscript"
-    @update:text-init="$emit('update:displayTranscript', $event)"
     id-checkbox="display-transcript-checkbox"
     :label="$t('If the transcript is available, show it')"
+    @update:text-init="$emit('update:displayTranscript', $event)"
   />
   <ClassicCheckbox
     v-if="displayWaveParam"
     :text-init="displayWave"
-    @update:text-init="$emit('update:displayWave', $event)"
     id-checkbox="display-wave-checkbox"
     :label="$t('Show animated wave')"
+    @update:text-init="$emit('update:displayWave', $event)"
   />
   <ClassicCheckbox
     :text-init="playerAutoPlay"
-    @update:text-init="$emit('update:playerAutoPlay', $event)"
     id-checkbox="player-autoplay-checkbox"
     :label="$t('Trigger automatic reading if this is possible')"
+    @update:text-init="$emit('update:playerAutoPlay', $event)"
   />
 </template>
 
@@ -110,7 +110,7 @@ export default defineComponent({
     "update:displayArticle",
     "update:displayTranscript",
     "update:displayWave",
-    "update:playerAutoPlay"
+    "update:playerAutoPlay",
   ],
 
   data() {

package/src/components/display/sharing/ShareButtonsIntern.vue

@@ -100,7 +100,11 @@
       :url-page="urlPage"
       @close="qrCode = false"
     />
-    <SnackBar v-if="lazyLoadingSnackbar" ref="snackbar" position="bottom-left" />
+    <SnackBar
+      v-if="lazyLoadingSnackbar"
+      ref="snackbar"
+      position="bottom-left"
+    />
   </div>
 </template>
 
@@ -123,9 +127,7 @@ const NewsletterModal = defineAsyncComponent(
 const QrCodeModal = defineAsyncComponent(
   () => import("../../misc/modal/QrCodeModal.vue"),
 );
-const SnackBar = defineAsyncComponent(
-  () => import("../../misc/SnackBar.vue"),
-);
+const SnackBar = defineAsyncComponent(() => import("../../misc/SnackBar.vue"));
 export default defineComponent({
   components: {
     ClipboardModal,
@@ -240,12 +242,12 @@ export default defineComponent({
       this.dataRSSSave = !this.dataRSSSave;
     },
     afterCopy(): void {
-      if(!this.lazyLoadingSnackbar){
+      if (!this.lazyLoadingSnackbar) {
         this.lazyLoadingSnackbar = true;
         setTimeout(() => {
           this.afterCopy();
         }, 500);
-      }else{
+      } else {
         (this.$refs.snackbar as InstanceType<typeof SnackBar>).open(
           this.$t("Link in clipboard"),
         );

package/src/components/display/sharing/ShareDistribution.vue

@@ -27,7 +27,11 @@
         <span :class="platform.icon" />{{ platform.title }}
       </router-link>
     </div>
-    <SnackBar v-if="lazyLoadingSnackbar" ref="snackbar" position="bottom-left" />
+    <SnackBar
+      v-if="lazyLoadingSnackbar"
+      ref="snackbar"
+      position="bottom-left"
+    />
   </div>
 </template>
 
@@ -129,12 +133,12 @@ export default defineComponent({
       this.rss = `${state.octopusApi.url}rss/emission/${this.emissionId}.rss`;
     },
     afterCopy(): void {
-      if(!this.lazyLoadingSnackbar){
+      if (!this.lazyLoadingSnackbar) {
         this.lazyLoadingSnackbar = true;
         setTimeout(() => {
           this.afterCopy();
         }, 500);
-      }else{
+      } else {
         (this.$refs.snackbar as InstanceType<typeof SnackBar>).open(
           this.$t("Link in clipboard"),
         );

package/src/components/display/sharing/SharePlayer.vue

@@ -46,18 +46,20 @@
             :label="titleStillAvailable"
           />
           <PlayerParameters
-            :is-visible="isVisible"
-            :chose-number-episode="displayChoiceAllEpisodes || isLargeSuggestion"
-            :display-choice-all-episodes="displayChoiceAllEpisodes"
-            :display-transcript-param="displayTranscriptParam"
-            :display-article-param="displayArticleParam"
-            :display-wave-param="displayWaveParam"
             v-model:display-article="displayArticle"
             v-model:display-transcript="displayTranscript"
             v-model:display-wave="displayWave"
             v-model:proceed-reading="proceedReading"
             v-model:is-visible="isVisible"
+            :is-visible="isVisible"
             v-model:player-auto-play="playerAutoPlay"
+            :chose-number-episode="
+              displayChoiceAllEpisodes || isLargeSuggestion
+            "
+            :display-choice-all-episodes="displayChoiceAllEpisodes"
+            :display-transcript-param="displayTranscriptParam"
+            :display-article-param="displayArticleParam"
+            :display-wave-param="displayWaveParam"
             @i-frame-number="iFrameNumber = $event"
             @episode-numbers="episodeNumbers = $event"
           />
@@ -153,7 +155,7 @@ export default defineComponent({
   computed: {
     ...mapState(useAuthStore, ["authOrganisation"]),
     displayWaveParam(): boolean {
-      return 'default'===this.iFrameModel || 'emission'===this.iFrameModel;
+      return "default" === this.iFrameModel || "emission" === this.iFrameModel;
     },
     displayArticleParam(): boolean {
       return (
@@ -360,8 +362,8 @@ export default defineComponent({
       if (!this.displayWave) {
         url.push("&wave=false");
       }
-      if(this.playerAutoPlay){
-        url.push('&autoplay=true');
+      if (this.playerAutoPlay) {
+        url.push("&autoplay=true");
       }
       if (this.isVisible) {
         url.push("&key=" + window.btoa(this.dataTitle.toString()));

package/src/components/form/ClassicDatePicker.vue

@@ -22,8 +22,8 @@
     :month-picker="monthPicker"
     @update:model-value="$emit('updateDate', $event)"
   >
-   <template v-if="time" #input-icon>
-      <div class="ms-2 saooti-clock"/>
+    <template v-if="time" #input-icon>
+      <div class="ms-2 saooti-clock" />
     </template>
   </VueDatePicker>
 </template>
@@ -61,7 +61,7 @@ export default defineComponent({
         seconds?: number | string;
       },
     },
-    monthPicker:{ default: false, type: Boolean },
+    monthPicker: { default: false, type: Boolean },
   },
 
   emits: ["updateDate", "update:date"],
@@ -78,16 +78,16 @@ export default defineComponent({
       };
     },
     modelVal() {
-      if(this.time){
+      if (this.time) {
         return this.time;
       }
-      if(this.range){
+      if (this.range) {
         return this.range;
       }
-      if(this.date && this.monthPicker){
+      if (this.date && this.monthPicker) {
         return {
           month: this.date.getMonth(),
-          year: this.date.getFullYear()
+          year: this.date.getFullYear(),
         };
       }
       return this.date;
@@ -97,7 +97,7 @@ export default defineComponent({
     },
     format() {
       let timeString = "";
-      if(this.monthPicker){
+      if (this.monthPicker) {
         return "MM/yyyy";
       }
       if (this.displayTimePicker || this.isTimePicker) {

package/src/components/misc/ClassicLazy.vue

@@ -47,7 +47,7 @@ export default {
           // if we're dealing underndering lets add a waiting period of 200ms before rendering. If a component enters the viewport and also leaves it within 200ms it will not render at all. This saves work and improves performance when user scrolls very fast
           renderTimer = setTimeout(
             () => (shouldRender.value = true),
-            props.unrender ? 200 : 0
+            props.unrender ? 200 : 0,
           );
           shouldRender.value = true;
           if (!props.unrender) {
@@ -64,7 +64,7 @@ export default {
       },
       {
         rootMargin: "600px",
-      }
+      },
     );
 
     if (props.renderOnIdle) {

package/src/components/misc/FooterSection.vue

@@ -153,7 +153,12 @@ export default defineComponent({
     },
     changeLanguage(): void {
       this.setCookie("octopus-language", this.language);
-      loadLocaleMessages(this.$i18n, this.language, this.authenticated, this.platformEducation);
+      loadLocaleMessages(
+        this.$i18n,
+        this.language,
+        this.authenticated,
+        this.platformEducation,
+      );
       octopusApi
         .fetchDataWithParams<Array<Category>>(
           0,

package/src/components/misc/player/PlayerComponent.vue

@@ -55,8 +55,12 @@ import { usePlayerStore } from "@/stores/PlayerStore";
 import { mapState, mapActions } from "pinia";
 import { defineComponent, defineAsyncComponent } from "vue";
 const PlayerVideo = defineAsyncComponent(() => import("./PlayerVideo.vue"));
-const PlayerCompact = defineAsyncComponent(() => import("../player/PlayerCompact.vue"));
-const PlayerLarge = defineAsyncComponent(() => import("../player/PlayerLarge.vue"));
+const PlayerCompact = defineAsyncComponent(
+  () => import("../player/PlayerCompact.vue"),
+);
+const PlayerLarge = defineAsyncComponent(
+  () => import("../player/PlayerLarge.vue"),
+);
 export default defineComponent({
   name: "PlayerComponent",
 

package/src/components/pages/EmissionPage.vue

@@ -116,7 +116,7 @@ export default defineComponent({
     EditBox,
     SubscribeButtons,
     LiveHorizontalList,
-    ClassicLoading
+    ClassicLoading,
   },
   mixins: [displayMethods, handle403, orgaComputed, imageProxy],
   props: {
@@ -193,7 +193,10 @@ export default defineComponent({
       if (!this.emission) {
         return "";
       }
-      return `background-image: url('${this.proxyImageUrl(this.emission.imageUrl, '250')}');`;
+      return `background-image: url('${this.proxyImageUrl(
+        this.emission.imageUrl,
+        "250",
+      )}');`;
     },
   },
   watch: {

package/src/components/pages/HomePage.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="page-box">
     <template v-if="0 === rubriquageFilter.length">
-      <ClassicLazy 
+      <ClassicLazy
         v-for="c in categories"
         :key="c.id"
-        :minHeight="650" 
+        :min-height="0"
         :unrender="true"
       >
         <PodcastInlineList
@@ -12,13 +12,16 @@
           :title="c.name"
           :button-text="$t('All podcast button', { name: c.name })"
         />
+        <template #preview>
+          <div style="min-height: 650px"></div>
+        </template>
       </ClassicLazy>
     </template>
     <template v-else>
-      <ClassicLazy 
+      <ClassicLazy
         v-for="r in rubriqueToShow"
         :key="r.rubriqueId"
-        :minHeight="650" 
+        :min-height="0"
         :unrender="true"
       >
         <PodcastInlineList
@@ -26,6 +29,9 @@
           :title="r.name"
           :button-text="$t('All podcast button', { name: r.name })"
         />
+        <template #preview>
+          <div style="min-height: 650px"></div>
+        </template>
       </ClassicLazy>
       <template v-if="rubriqueDisplay && rubriqueDisplay.length > 0">
         <PodcastInlineList
@@ -72,7 +78,7 @@ export default defineComponent({
   name: "HomePage",
   components: {
     PodcastInlineList,
-    ClassicLazy
+    ClassicLazy,
   },
   data() {
     return {
@@ -81,7 +87,7 @@ export default defineComponent({
     };
   },
   computed: {
-    ...mapState(useGeneralStore, ["storedCategories"]),
+    ...mapState(useGeneralStore, ["storedCategories", "storedCategoriesOrga"]),
     ...mapState(useFilterStore, [
       "filterRubriquage",
       "filterOrgaId",
@@ -121,15 +127,23 @@ export default defineComponent({
       return this.filterRubrique;
     },
     categories(): Array<Category> {
+      let arrayCategories: Array<Category> = [];
       if (this.filterIab) {
         return [this.filterIab];
       }
-      return this.storedCategories.filter((c: Category) => {
-        if (state.generalParameters.podcastmaker)
+      if (this.filterOrgaId) {
+        arrayCategories = this.storedCategoriesOrga.filter((c: Category) => {
           return c.podcastOrganisationCount;
-        return c.podcastCount;
-      });
-    },
+        });
+      } else {
+        arrayCategories = this.storedCategories.filter((c: Category) => {
+          if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;
+          return c.podcastCount;
+        });
+      }
+      this.$emit("categoriesLength", arrayCategories.length);
+      return arrayCategories;
+    }
   },
   watch: {
     rubriqueFilter: {

package/src/components/pages/PlaylistPage.vue

@@ -128,7 +128,10 @@ export default defineComponent({
       if (!this.playlist) {
         return "";
       }
-      return `background-image: url('${this.proxyImageUrl(this.playlist.imageUrl, '250')}');`;
+      return `background-image: url('${this.proxyImageUrl(
+        this.playlist.imageUrl,
+        "250",
+      )}');`;
     },
   },
   watch: {

package/src/components/pages/PodcastPage.vue

@@ -46,10 +46,7 @@
           :title="$t('More episodes of this emission')"
           :button-text="$t('All podcast emission button')"
         />
-        <ClassicLazy
-          :min-height="550"
-          :unrender="true"
-        >
+        <ClassicLazy :min-height="550" :unrender="true">
           <PodcastInlineList
             :podcast-id="podcastId"
             :title="$t('Suggested listening')"
@@ -93,7 +90,10 @@ import crudApi from "@/api/classicCrud";
 import { state } from "../../stores/ParamSdkStore";
 import dayjs from "dayjs";
 import { Podcast } from "@/stores/class/general/podcast";
-import { Conference, ConferencePublicInfo } from "@/stores/class/conference/conference";
+import {
+  Conference,
+  ConferencePublicInfo,
+} from "@/stores/class/conference/conference";
 import { handle403 } from "../mixins/handle403";
 import { defineComponent, defineAsyncComponent } from "vue";
 import { CommentPodcast } from "@/stores/class/general/comment";
@@ -154,7 +154,7 @@ export default defineComponent({
 
   computed: {
     ...mapState(useGeneralStore, ["storedCategories"]),
-     isComments(): boolean {
+    isComments(): boolean {
       if (!this.podcast) return true;
       let podcastComment = "INHERIT";
       if (this.podcast.annotations && this.podcast.annotations.COMMENTS) {
@@ -179,7 +179,10 @@ export default defineComponent({
       if (!this.podcast) {
         return "";
       }
-      return `background-image: url('${this.proxyImageUrl(this.podcast.imageUrl, '270')}');`;
+      return `background-image: url('${this.proxyImageUrl(
+        this.podcast.imageUrl,
+        "270",
+      )}');`;
     },
     isPodcastmaker(): boolean {
       return state.generalParameters.podcastmaker as boolean;
@@ -306,9 +309,9 @@ export default defineComponent({
       this.fetchConference = {
         ...data,
         ...{
-          conferenceId: this.podcast?.conferenceId??0,
-          title: ""
-        }
+          conferenceId: this.podcast?.conferenceId ?? 0,
+          title: "",
+        },
       };
     },
     async initConference() {

package/src/components/pages/RadioPage.vue

@@ -99,7 +99,10 @@ export default defineComponent({
     backgroundDisplay(): string {
       return !this.radio
         ? ""
-        : `background-image: url('${this.proxyImageUrl(this.radio.imageUrl, '270')}');`;
+        : `background-image: url('${this.proxyImageUrl(
+            this.radio.imageUrl,
+            "270",
+          )}');`;
     },
   },
   watch: {