@paris-ias/list 1.0.135 → 1.0.137

package/dist/runtime/components/fellowships/RowsItem.vue

@@ -1,19 +1,11 @@
 <template>
   <v-col cols="12" md="6" class="highlight-on-hover">
     <div v-ripple class="border-thin pa-6">
-      <FellowshipsBadges :item="item" />
+      <FellowshipsBadges :item :pathPrefix />
       <div class="d-flex">
-        <nuxt-link
-          :to="
-            localePath({
-              name: 'activities-fellowships-slug',
-              params: { slug: item.slug[locale] },
-            })
-          "
-          class="text-h4 text-black text-wrap mt-4 pb-4"
-        >
+        <div class="text-h4 text-black text-wrap mt-4 pb-4">
           {{ item.name }}
-        </nuxt-link>
+        </div>
       </div>
       <div
         class="text-wrap clamped-text d-flex"
@@ -41,11 +33,8 @@
 
 <script setup>
 import { useDisplay } from "vuetify"
-import { useLocalePath, useI18n } from "#imports"
 
 const { name } = useDisplay()
-const localePath = useLocalePath()
-const { locale } = useI18n()
 
 const props = defineProps({
   item: {
@@ -56,9 +45,11 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
-
-console.log("itemLocal", props.item.slug)
 </script>
 
 <style lang="scss"></style>

package/dist/runtime/components/files/DenseItem.vue

@@ -8,6 +8,11 @@ defineProps({
     type: Object,
     required: true,
   },
+
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
 

package/dist/runtime/components/files/ExpandedItem.vue

@@ -10,6 +10,10 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
 

package/dist/runtime/components/files/RowsItem.vue

@@ -8,7 +8,11 @@ defineProps({
     type: Object,
     required: true,
   },
-});
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+})
 </script>
 
 <style></style>

package/dist/runtime/components/files/View.vue

@@ -3,9 +3,9 @@
 </template>
 
 <script setup>
-import { useNuxtApp } from "#imports";
+import { useNuxtApp } from "#imports"
 
-const { $stores } = useNuxtApp();
+const { $stores } = useNuxtApp()
 defineProps({
   item: {
     type: Object,
@@ -16,7 +16,7 @@ defineProps({
     required: false,
     default: false,
   },
-});
+})
 
-$stores.files.loading = false;
+$stores.files.loading = false
 </script>

package/dist/runtime/components/list/atoms/ResultsList.vue

@@ -13,7 +13,7 @@ import { useRootStore } from "../../../stores/root"
 import { useNuxtApp, resolveComponent, computed } from "#imports"
 const { $stores } = useNuxtApp()
 const rootStore = useRootStore()
-console.log("rootStore: ", rootStore)
+
 const props = defineProps({
   type: {
     type: String,
@@ -27,7 +27,7 @@ const itemTemplate = computed(() =>
       capitalize(props.type) +
       capitalize($stores[props.type].view.name) +
       "Item"
-    ).toString(),
-  ),
+    ).toString()
+  )
 )
 </script>

package/dist/runtime/components/list/inputs/Select.vue

@@ -15,10 +15,6 @@ const { $stores } = useNuxtApp()
 const props = defineProps(["type", "items", "name"])
 const val = computed({
   get() {
-    console.log(
-      "$stores[props.type].filters[props.name]?.value: ",
-      $stores[props.type].filters[props.name]?.value,
-    )
     return $stores[props.type].filters[props.name]?.value || []
   },
   set(value) {

package/dist/runtime/components/list/molecules/Filters.vue

@@ -44,7 +44,7 @@ const props = defineProps(["type", "expanded"])
 
 const ComponentName = (name) => {
   return resolveComponent(
-    "ListInputs" + capitalize($stores[props.type].filters[name].type)
+    "ListInputs" + capitalize($stores[props.type].filters[name].type),
   )
 }
 const getItems = (name) => {
@@ -53,14 +53,14 @@ const getItems = (name) => {
   }
 
   if ($filters?.[props.type]?.[name]) {
-    console.log("filters found for ", name, $filters[props.type][name])
+    /*  console.log("filters found for ", name, $filters[props.type][name]) */
     return $filters[props.type][name]
       .filter((key) => key !== "label")
       .map((item) => ({
         title: i18n.t(
           props.type === "people" && name === "vintage"
             ? item
-            : `list.filters.${props.type}.${name}.${item}`
+            : `list.filters.${props.type}.${name}.${item}`,
         ),
         value: item,
       }))
@@ -73,7 +73,7 @@ const getItems = (name) => {
   }
   // TODO replace with package based values
   return Object.keys(
-    messages.value[locale.value].list.filters[props.type][name]
+    messages.value[locale.value].list.filters[props.type][name],
   )
     .filter((key) => key !== "label")
     .map((item) => ({
@@ -97,7 +97,7 @@ const computeVisibility = (filterItem) => {
                 $stores[props.type].filters[value]?.value.includes(rule[value])
             : $stores[props.type].filters[value]?.value === rule[value]
         })
-      }
+      },
     )
   )
 }

package/dist/runtime/components/list/molecules/Header.vue

@@ -7,7 +7,13 @@
           @open="filtersOpen = $event"
         />
         <v-spacer />
-        <ListAtomsResetButton v-if="$stores[type].filtersCount" :type />
+        <ListAtomsResetButton
+          v-if="
+            $stores[type].filtersCount ||
+            ($stores[type].search && $stores[type].search.trim() !== '')
+          "
+          :type
+        />
         <ListAtomsViewMenu :type />
         <ListAtomsSortMenu :type />
       </div>
@@ -32,16 +38,16 @@ const filtersOpen = ref(false)
 const visible = computed(() => {
   console.log(
     "$stores[props.type]?.filtersCount > 0: ",
-    $stores[props.type]?.filtersCount > 0,
+    $stores[props.type]?.filtersCount > 0
   )
   console.log(
     "$stores[props.type]?.filtersCount: ",
-    $stores[props.type]?.filtersCount,
+    $stores[props.type]?.filtersCount
   )
   console.log(
     !!(
       $stores[props.type]?.filtersCount && $stores[props.type]?.filtersCount > 0
-    ),
+    )
   )
   return !!(
     $stores[props.type]?.filtersCount && $stores[props.type]?.filtersCount > 0

package/dist/runtime/components/list/organisms/List.vue

@@ -7,6 +7,12 @@
       :key="index"
       :item="item"
       :index="index"
+      :pathPrefix="
+        localePath({
+          name: pathPrefix,
+          params: { slug: item.slug },
+        })
+      "
     />
   </component>
   <div class="text-center">
@@ -43,11 +49,15 @@ import {
   onMounted,
   useI18n,
   useRoute,
+  navigateTo,
+  useLocalePath,
 } from "#imports"
 const { $stores } = useNuxtApp()
 const { locale } = useI18n()
 const route = useRoute()
 const rootStore = useRootStore()
+const localePath = useLocalePath()
+
 const props = defineProps({
   addBtn: {
     type: Boolean,
@@ -69,6 +79,10 @@ const props = defineProps({
       }
     },
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
   pagination: {
     type: Object,
     required: false,
@@ -128,11 +142,6 @@ onMounted(async () => {
     console.error("Error fetching list:", e)
   }
 })
-// try {
-//   await rootStore.update(props.type, locale.value);
-// } catch (error) {
-//   console.log("error fetching update list: ", error);
-// }
 
 watch(
   () => page.value,
@@ -157,4 +166,6 @@ async function onPageChange(newPage) {
     lang: locale.value,
   })
 }
+
+console.log("pathPrefix", itemTemplate.value)
 </script>

package/dist/runtime/components/mailing/DenseItem.vue

@@ -8,6 +8,10 @@ defineProps({
     type: Object,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
 

package/dist/runtime/components/mailing/ExpandedItem.vue

@@ -10,6 +10,10 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
 

package/dist/runtime/components/mailing/RowsItem.vue

@@ -8,7 +8,11 @@ defineProps({
     type: Object,
     required: true,
   },
-});
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+})
 </script>
 
 <style></style>

package/dist/runtime/components/mailing/View.vue

@@ -3,9 +3,9 @@
 </template>
 
 <script setup>
-import { useNuxtApp } from "#imports";
+import { useNuxtApp } from "#imports"
 
-const { $stores } = useNuxtApp();
+const { $stores } = useNuxtApp()
 defineProps({
   item: {
     type: Object,
@@ -16,7 +16,7 @@ defineProps({
     required: false,
     default: false,
   },
-});
+})
 
-$stores.mailing.loading = false;
+$stores.mailing.loading = false
 </script>

package/dist/runtime/components/misc/atoms/ImageContainer.vue

@@ -8,46 +8,7 @@
     <v-skeleton-loader v-if="loading" height="100%" type="image" />
 
     <template v-else>
-      <nuxt-link
-        v-if="link"
-        v-slot="{ navigate, isActive }"
-        :to="
-          localePath({
-            name: link,
-            params: { slug },
-          })
-        "
-        custom
-      >
-        <div class="overflow-hidden mw-100">
-          <!--  TODO debug why the picture is not displaying/sizing properly -->
-          <v-img
-            v-if="src"
-            :aspect-ratio="ratio"
-            :active="isActive"
-            :class="{ 'img-animation': animate }"
-            :lazy-src="
-              img(computedSrc, {
-                width,
-                quality: 70,
-              })
-            "
-            :src="
-              img(computedSrc, {
-                width,
-                quality: 70,
-              })
-            "
-            :srcset="_srcset.srcset"
-            :sizes="_srcset.sizes"
-            :title="caption"
-            v-bind="$attrs"
-            @click="navigate"
-          >
-            <slot />
-          </v-img></div
-      ></nuxt-link>
-      <div v-else class="overflow-hidden mw-100">
+      <div class="overflow-hidden mw-100">
         <!--  TODO debug why the picture is not displaying/sizing properly -->
         <v-img
           v-if="src"
@@ -78,8 +39,7 @@
 </template>
 
 <script setup>
-import { computed, useImage, useLocalePath } from "#imports"
-const localePath = useLocalePath()
+import { computed, useImage } from "#imports"
 const img = useImage()
 
 const computedSrc = computed(() => {
@@ -105,8 +65,6 @@ const props = defineProps({
   width: { type: Number, default: 0 },
   ratio: { type: Number, required: true, default: 1 },
   caption: { type: String, default: "" },
-  slug: { type: [Object, String], default: "" },
-  link: { type: String, default: "" },
   animate: { type: Boolean, default: true },
 })
 const _srcset = computed(() => {
@@ -119,7 +77,7 @@ const _srcset = computed(() => {
         quality: 70,
         ...(props.width && { width: props.width }),
       },
-    }
+    },
   )
 })
 </script>

package/dist/runtime/components/misc/molecules/Related.vue

@@ -24,5 +24,5 @@ const props = defineProps({
     type: Object,
     required: true,
   },
-});
+})
 </script>

package/dist/runtime/components/news/DenseItem.vue

@@ -1,10 +1,5 @@
 <template>
-  <v-row
-    v-ripple
-    no-gutters
-    class="cursor-pointer highlight-on-hover my-2"
-    @click="$router.push(localePath('/activities/news/' + item.slug[locale]))"
-  >
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
     <v-col v-if="mdAndUp" align-self="center" cols="1">
       <MiscAtomsImageContainer
         cover
@@ -13,9 +8,6 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        :name="item.slug"
-        :slug="item.slug && item.slug[locale]"
-        link="news-slug"
         width="80px"
       />
     </v-col>
@@ -61,11 +53,10 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { computed, useNuxtApp, useI18n, useLocalePath } from "#imports"
+import { computed, useNuxtApp, useI18n } from "#imports"
 
 const { $stores } = useNuxtApp()
 const { name, mdAndUp } = useDisplay()
-const localePath = useLocalePath()
 const { locale } = useI18n()
 
 const rootStore = useRootStore()
@@ -78,6 +69,10 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 const eventCategory = computed(() => {
   if (props.item.category) {

package/dist/runtime/components/news/ExpandedItem.vue

@@ -12,10 +12,7 @@
       @click.prevent="
         expanded
           ? router.push(
-              localePath({
-                name: 'news-slug',
-                params: { slug: item.slug[locale] },
-              }),
+              pathPrefix
             )
           : null
       "
@@ -33,10 +30,7 @@
         @click.prevent="
           expanded
             ? router.push(
-                localePath({
-                  name: 'news-slug',
-                  params: { slug: item.slug[locale] },
-                }),
+                pathPrefix
               )
             : null
         "
@@ -66,12 +60,8 @@
           class="mt-4"
           variant="outlined"
           tile
-          @click.prevent="
-            router.push(
-              localePath({
-                name: 'news-slug',
-                params: { slug: item.slug[locale] },
-              }),
+          :to="pathPrefix"
+          
             )
           "
         >
@@ -85,15 +75,15 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { useRouter, useI18n, useLocalePath } from "#imports"
+import { useRouter  } from "#imports"
+
 
-const localePath = useLocalePath()
 
 const router = useRouter()
 const rootStore = useRootStore()
 const expanded = ref(false)
 const { name, lgAndUp } = useDisplay()
-const { locale } = useI18n()
+
 const props = defineProps({
   item: {
     type: Object,
@@ -103,6 +93,10 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
 

package/dist/runtime/components/news/RelatedItem.vue

@@ -1,12 +1,5 @@
 <template>
-  <v-sheet
-    :to="
-      localePath({
-        name: 'news-slug',
-        params: { slug: item.name },
-      })
-    "
-  >
+  <v-sheet>
     <v-row>
       <v-col v-if="lgAndUp" cols="3">
         <MiscAtomsImageContainer
@@ -14,8 +7,6 @@
           :src="item.image"
           :loading="rootStore.loading"
           :ratio="1 / 1"
-          :link="item.name"
-          name="news-slug"
         />
       </v-col>
       <v-col cols="12" lg="9">
@@ -36,11 +27,11 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { useLocalePath } from "#imports"
 
-const localePath = useLocalePath()
 const rootStore = useRootStore()
 const { lgAndUp } = useDisplay()
 
-const props = defineProps({ item: { type: Object, required: true } })
+const props = defineProps({
+  item: { type: Object, required: true },
+})
 </script>

package/dist/runtime/components/news/RowsItem.vue

@@ -7,8 +7,6 @@
         :src="item.image.url ? item.image : '/default.png'"
         :ratio="1 / 1"
         :loading="$stores.news.loading"
-        link="news-slug"
-        :slug="item._path && item._path.split('/').pop()"
       >
         <v-chip class="ma-2" style="background-color: white; color: black">
           {{ $t(eventCategory) }}
@@ -38,17 +36,9 @@
           <br />
         </template>
 
-        <NuxtLink
-          :to="
-            localePath({
-              name: 'news-slug',
-              params: { slug: item.slug[locale] },
-            })
-          "
-          class="text-wrap text-h5 text-md-h4 text-black"
-        >
+        <div class="text-wrap text-h5 text-md-h4 text-black">
           {{ item.name }}
-        </NuxtLink>
+        </div>
         <div class="tex-overline mt-3">
           {{ formatDateValue(item.date, locale) }}
         </div>
@@ -75,12 +65,7 @@
             variant="outlined"
             tile
             size="small"
-            :to="
-              localePath({
-                name: 'activities-news-slug',
-                params: { slug: item.slug[locale] },
-              })
-            "
+            :to="pathPrefix"
           >
             {{ $t("read-more") }}
           </v-btn>
@@ -112,12 +97,7 @@
           class="mt-4"
           variant="outlined"
           tile
-          :to="
-            localePath({
-              name: 'activities-news-slug',
-              params: { slug: item.slug[locale] },
-            })
-          "
+          :to="pathPrefix"
           :size="
             ['small', 'small', 'small', 'default', 'default', 'large'][
               ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
@@ -129,17 +109,15 @@
       </template>
     </v-col>
   </v-row>
-  <!-- <MiscMoleculesSearchItem></MiscMoleculesSearchItem> -->
 </template>
 
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { useNuxtApp, useI18n, useLocalePath, computed } from "#imports"
+import { useNuxtApp, useI18n, computed } from "#imports"
 
 const { $stores } = useNuxtApp()
 const { locale } = useI18n()
-const localePath = useLocalePath()
 const rootStore = useRootStore()
 const { name, smAndDown, mdAndDown, mdAndUp, lgAndUp } = useDisplay()
 const eventCategory = computed(() => {
@@ -158,19 +136,16 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 
 const processedSummary = computed(() => {
   const raw = props.item.summary || ""
 
-  const slugPath = localePath({
-    name: "news-slug",
-    params: { slug: props.item.slug[locale.value] },
-  })
-
-  /*   console.log("Raw summary:", raw);
-  console.log("Slug path:", slugPath); */
-  return replaceMarkdownLinksWithSlug(raw, slugPath)
+  return replaceMarkdownLinksWithSlug(raw, props.pathPrefix)
 })
 
 function replaceMarkdownLinksWithSlug(markdownText, slugPath) {