@saooti/octopus-sdk 40.1.6 → 40.1.8

package/index.ts

@@ -12,6 +12,7 @@ export const getSearch = () => import("./src/components/pages/SearchPage.vue");
 export const getHome = () => import("./src/components/pages/HomePage.vue");
 export const getCategory = () => import("./src/components/pages/CategoryPage.vue");
 export const getRubrique = () => import("./src/components/pages/RubriquePage.vue");
+export const getTag = () => import("./src/components/pages/TagPage.vue");
 export const getError403Page = () => import("./src/components/pages/Error403Page.vue");
 export const getRadio = () => import("./src/components/pages/RadioPage.vue");
 export const getVideo = () => import("./src/components/pages/VideoPage.vue");

package/package.json

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

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

@@ -49,7 +49,7 @@ const ClassicPopover = defineAsyncComponent(
   () => import("../../misc/ClassicPopover.vue"),
 );
 import {useTagOf} from "../../composable/useTagOf";
-import { useFilterStore } from "@/stores/FilterStore";
+import { useFilterStore } from "../../../stores/FilterStore";
 import { mapState } from "pinia";
 export default defineComponent({
   name: "TagList",

package/src/components/pages/TagPage.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="page-box tag-page">
     <h1>
-      {{ $t("Search for keyword", {tag:tagDisplay})}}
+      {{ $t("Search for keyword", {tag:titleDisplay})}}
       <img
         v-if="isOf"
         width="30"
@@ -28,6 +28,8 @@
 </template>
 
 <script setup lang="ts">
+import { useI18n } from "vue-i18n";
+import { useSeoTitleUrl } from "../composable/route/useSeoTitleUrl";
 import { useSimplePageParam } from "../composable/route/useSimplePageParam";
 import { useTagOf } from "../composable/useTagOf";
 import PodcastList from "../display/podcasts/PodcastList.vue";
@@ -53,14 +55,13 @@ const {
 
 const { isOuestFranceTag, formateOfTag } = useTagOf();
 
+const { updatePathParams } = useSeoTitleUrl();
+
+const titleDisplay = ref("");
+const isOf = ref(false);
+const {t} = useI18n();
+
 const orgaArray = computed(() =>organisationId.value ? [organisationId.value] : []);
-const tagDisplay = computed(() => {
-  const tagString = props.tag?? "";
-  return isOf.value ?  formateOfTag(tagString) :tagString;
-});
-const isOf = computed(() => {
-  return isOuestFranceTag(props.tag?? "");
-});
 const sortOrder = computed(() =>{
   if(searchMinSize.value.length){
     return "SCORE";
@@ -68,6 +69,15 @@ const sortOrder = computed(() =>{
   return undefined;
 });
 
+
+watch(()=>props.tag, async () => {
+  const tagString = props.tag?? "";
+  isOf.value = isOuestFranceTag(tagString);
+  titleDisplay.value= isOf.value ?  formateOfTag(tagString) :tagString;
+  updatePathParams(t("Search for keyword", {tag:titleDisplay.value}));
+}, {immediate: true});
+
+
 </script>
 <style lang="scss">
 .octopus-app .tag-page{