@saooti/octopus-sdk 37.0.5 → 37.0.7

package/src/components/pages/{Search.vue → SearchPage.vue}

@@ -13,48 +13,48 @@
       :query="query"
       :first="0"
       :size="20"
-      @emptyList="noResult = true"
+      @empty-list="noResult = true"
     />
   </div>
 </template>
 
 <script lang="ts">
-import { state } from '../../stores/ParamSdkStore';
-import ClassicSearch from '../form/ClassicSearch.vue';
-import PodcastList from '../display/podcasts/PodcastList.vue';
-import { defineComponent } from 'vue';
+import { state } from "../../stores/ParamSdkStore";
+import ClassicSearch from "../form/ClassicSearch.vue";
+import PodcastList from "../display/podcasts/PodcastList.vue";
+import { defineComponent } from "vue";
 export default defineComponent({
-  name: "Search",
+  name: "SearchPage",
   components: {
     PodcastList,
-    ClassicSearch
+    ClassicSearch,
   },
   props: {
-    queryRoute: { default: '', type: String },
+    queryRoute: { default: "", type: String },
   },
   data() {
     return {
-      rawQuery: '' as string,
+      rawQuery: "" as string,
       noResult: false as boolean,
     };
   },
   computed: {
-    titlePage():string{
-      if(!this.hideBar){
-        return this.$t('Podcast search');
+    titlePage(): string {
+      if (!this.hideBar) {
+        return this.$t("Podcast search");
       }
-      const locale = !this.noResult ? 'Search results' : 'Search - no results';
+      const locale = !this.noResult ? "Search results" : "Search - no results";
       return this.$t(locale, { query: this.rawQuery });
     },
     query(): string {
-      return this.rawQuery && this.rawQuery.length >= 3 ? this.rawQuery : '';
+      return this.rawQuery && this.rawQuery.length >= 3 ? this.rawQuery : "";
     },
     hideBar(): boolean {
-      return (state.searchPage.hideBar as boolean);
+      return state.searchPage.hideBar as boolean;
     },
   },
   watch: {
-    rawQuery(): void{
+    rawQuery(): void {
       if (this.hideBar) {
         this.noResult = false;
       }
@@ -62,9 +62,9 @@ export default defineComponent({
     queryRoute: {
       immediate: true,
       handler() {
-       this.rawQuery = this.queryRoute;
+        this.rawQuery = this.queryRoute;
       },
     },
   },
-})
-</script>
+});
+</script>

package/src/helper/dom.ts

@@ -4,4 +4,4 @@ export default {
       rem * parseFloat(getComputedStyle(document.documentElement).fontSize)
     );
   },
-};
+};

package/src/helper/duration.ts

@@ -1,7 +1,7 @@
 export default {
-  formatToString(value: number){
+  formatToString(value: number) {
     if (value < 10) {
-      return '0' + value;
+      return "0" + value;
     }
     return value.toString();
   },
@@ -9,6 +9,12 @@ export default {
     const hours = Math.floor(totalSeconds / 3600);
     const minutes = Math.floor((totalSeconds - hours * 3600) / 60);
     const seconds = totalSeconds - hours * 3600 - minutes * 60;
-    return (hours > 0? this.formatToString(hours)+"'":"") + this.formatToString(minutes) +"'"+ this.formatToString(seconds)+"''";
+    return (
+      (hours > 0 ? this.formatToString(hours) + "'" : "") +
+      this.formatToString(minutes) +
+      "'" +
+      this.formatToString(seconds) +
+      "''"
+    );
   },
-};
+};

package/src/helper/useEventListener.ts

@@ -1,18 +1,17 @@
-
-import {onBeforeUnmount, onMounted, Ref} from 'vue'
+import { onBeforeUnmount, onMounted, Ref } from "vue";
 
 function useEventListener(
   element: Ref<HTMLElement | undefined>,
   event: string,
-  callback: EventListener
+  callback: EventListener,
 ): void {
   onMounted(() => {
-    element?.value?.addEventListener(event, callback)
-  })
+    element?.value?.addEventListener(event, callback);
+  });
 
   onBeforeUnmount(() => {
-    element?.value?.removeEventListener(event, callback)
-  })
+    element?.value?.removeEventListener(event, callback);
+  });
 }
 
-export default useEventListener
+export default useEventListener;

package/src/i18n.ts

@@ -1,15 +1,14 @@
-
-import { nextTick } from 'vue'
-import { createI18n } from 'vue-i18n';
-import dayjs from 'dayjs';
-import 'dayjs/locale/de';
-import 'dayjs/locale/es';
-import 'dayjs/locale/fr';
-import 'dayjs/locale/it';
-import 'dayjs/locale/sl';
+import { nextTick } from "vue";
+import { createI18n } from "vue-i18n";
+import dayjs from "dayjs";
+import "dayjs/locale/de";
+import "dayjs/locale/es";
+import "dayjs/locale/fr";
+import "dayjs/locale/it";
+import "dayjs/locale/sl";
 
 export function setupI18n(options: { locale: string }, isEducation: boolean) {
-  const i18n = createI18n(options)
+  const i18n = createI18n(options);
   loadLocaleMessages(i18n.global, options.locale, isEducation);
   return i18n;
 }
@@ -17,27 +16,29 @@ export function setupI18n(options: { locale: string }, isEducation: boolean) {
 export function setI18nLanguage(i18n: any, locale: string) {
   i18n.locale = locale;
   dayjs.locale(locale);
-  const html= document.querySelector('html');
-  if(html){
-    html.setAttribute('lang', locale);
+  const html = document.querySelector("html");
+  if (html) {
+    html.setAttribute("lang", locale);
   }
 }
 
-export async function loadLocaleMessages(i18n: any, locale:string, isEducation: boolean) {
-	if(!i18n.messages[locale] || 0===Object.keys(i18n.messages[locale]).length){
-		
-		let messages = await import(
-			`./locale/${locale}.ts`
-		)
-		messages = messages.default;
-		if(isEducation && ('fr'===locale || 'en'===locale)){
-			const messagesEdu = await import(
-				`./locale/education${locale}.ts`
-			);
-			messages ={...messages, ...messagesEdu.default};
-		}
-		i18n.setLocaleMessage(locale, messages);
-	}
-  setI18nLanguage(i18n, locale)
+export async function loadLocaleMessages(
+  i18n: any,
+  locale: string,
+  isEducation: boolean,
+) {
+  if (
+    !i18n.messages[locale] ||
+    0 === Object.keys(i18n.messages[locale]).length
+  ) {
+    let messages = await import(`./locale/${locale}.ts`);
+    messages = messages.default;
+    if (isEducation && ("fr" === locale || "en" === locale)) {
+      const messagesEdu = await import(`./locale/education${locale}.ts`);
+      messages = { ...messages, ...messagesEdu.default };
+    }
+    i18n.setLocaleMessage(locale, messages);
+  }
+  setI18nLanguage(i18n, locale);
   return nextTick();
-}
+}