@paris-ias/list 1.0.95 → 1.0.97

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.95",
+  "version": "1.0.97",
   "builder": {
     "@nuxt/module-builder": "1.0.0",
     "unbuild": "3.5.0"

package/dist/runtime/components/events/SlidingItem.vue

@@ -25,26 +25,28 @@
         :slug="item.id"
         :loading="loading"
       />
-      <a
+      <nuxt-link
         class="mt-6 pl-0 text-h5 text-md-h4 font-weight-medium sliding-item-title cursor-pointer"
-        :href="
-          localePath('activities-events-slug', {
-            slug: item.id,
+        :to="
+          localePath({
+            name: 'activities-events-slug',
+            params: { slug: item.slug[locale] },
           })
         "
       >
         {{ item.name }}
-      </a>
+      </nuxt-link>
     </div>
   </v-sheet>
 </template>
 
 <script setup>
 import { useDisplay } from "vuetify";
-import { useLocalePath } from "#imports";
+import { useLocalePath, useI18n } from "#imports";
+const { locale } = useI18n();
 const { name } = useDisplay();
 const localePath = useLocalePath();
-const props = defineProps({
+defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, required: true, default: false }
 });

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

@@ -281,7 +281,7 @@
       <v-divider class="mb-1" />
       <v-divider />
     </v-responsive>
-    <!--     <MiscAtomsSlidingCarousel
+    <MiscAtomsSlidingCarousel
       v-if="!loading && item && item.gallery && item.gallery.length"
       ref="MiscAtomsImage"
       key="MiscAtomsImage"
@@ -293,7 +293,7 @@
       <div :class="mdAndUp ? 'text-h5' : 'text-h6'">
         {{ $t("gallery") }}
       </div>
-    </MiscAtomsSlidingCarousel> -->
+    </MiscAtomsSlidingCarousel>
     <v-responsive class="mx-auto my-9" width="120">
       <v-divider class="mb-1" />
       <v-divider />

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

@@ -124,7 +124,7 @@
               <v-divider />
             </v-responsive>
 
-            <!--      <MiscAtomsSlidingCarousel
+            <MiscAtomsSlidingCarousel
               v-if="item && item.fellows && item.fellows.length"
               key="people"
               ref="fellows"
@@ -136,7 +136,7 @@
               <div :class="mdAndUp ? 'text-h5' : 'text-h6'">
                 {{ $t("this-fellowship-alumni") }}
               </div>
-            </MiscAtomsSlidingCarousel> -->
+            </MiscAtomsSlidingCarousel>
           </div>
         </v-col>
         <MiscMoleculesRelated

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

@@ -35,18 +35,18 @@
       </v-btn>
       <template v-else>
         <v-btn
-          :class="{ 'active-page': isActive }"
+          :class="{ 'active-page': !!page.current }"
           tabindex="0"
           outlined
           min-width="35"
           height="35"
           tile
           nuxt
-          :active="isActive"
-          :color="isActive ? 'white' : 'black'"
+          :active="!!page.current"
+          :color="!!page.current ? 'white' : 'black'"
           text
           width="35"
-          :aria-current="isActive ? 'true' : 'false'"
+          :aria-current="!!page.current ? 'true' : 'false'"
           :aria-label="
             page.current
               ? `Current page, Page ${page.value}`
@@ -115,14 +115,11 @@ const props = defineProps({
     required: true
   }
 });
-const isActive = computed(() => {
-  return !!pages.current;
-});
 const renderPages = computed(() => {
-  const pages2 = [];
+  const pages = [];
   for (let pageIndex = 1; pageIndex <= props.totalPages; pageIndex++) {
     if (pageIndex === props.currentPage || pageIndex < props.pageGap || pageIndex > props.totalPages - props.pageGap + 1) {
-      pages2.push(createPage(pageIndex));
+      pages.push(createPage(pageIndex));
       continue;
     }
     let minimum;
@@ -138,27 +135,27 @@ const renderPages = computed(() => {
       maximum = props.currentPage + props.pagePadding;
     }
     if (pageIndex >= minimum && pageIndex <= props.currentPage || pageIndex >= props.currentPage && pageIndex <= maximum) {
-      pages2.push(createPage(pageIndex));
+      pages.push(createPage(pageIndex));
       continue;
     }
     if (pageIndex === props.pageGap) {
       if (minimum > props.pageGap + 1 && props.currentPage > props.pageGap + props.pagePadding + 1) {
-        pages2.push(createGap(pageIndex));
+        pages.push(createGap(pageIndex));
       } else {
-        pages2.push(createPage(pageIndex));
+        pages.push(createPage(pageIndex));
       }
       continue;
     }
     if (pageIndex === props.totalPages - props.pageGap + 1) {
       if (maximum < props.totalPages - props.pageGap && props.currentPage < props.totalPages - props.pageGap - props.pagePadding) {
-        pages2.push(createGap(pageIndex));
+        pages.push(createGap(pageIndex));
       } else {
-        pages2.push(createPage(pageIndex));
+        pages.push(createPage(pageIndex));
       }
       continue;
     }
   }
-  return pages2;
+  return pages;
 });
 const createPage = (pageIndex) => {
   return {

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

@@ -68,7 +68,7 @@
               ]
             "
           >
-            <MDC :value="item.summary" />
+            <MDC :value="processedSummary" />
           </div>
           <v-btn
             class="mt-4"
@@ -105,7 +105,7 @@
             ]
           "
         >
-          <MDC :value="item.summary" />
+          <MDC :value="processedSummary" />
         </div>
         <br />
         <v-btn
@@ -135,7 +135,13 @@
 <script setup>
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../stores/root";
-import { useNuxtApp, useI18n, useLocalePath, computed } from "#imports";
+import {
+  useNuxtApp,
+  useI18n,
+  useLocalePath,
+  computed,
+  useRouter
+} from "#imports";
 const { $stores } = useNuxtApp();
 const { locale } = useI18n();
 const localePath = useLocalePath();
@@ -158,4 +164,21 @@ const props = defineProps({
     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);
+});
+function replaceMarkdownLinksWithSlug(markdownText, slugPath) {
+  const regex = /\[([^\]]+)\]\(([^)]+)\)/g;
+  return markdownText.replace(regex, (_match, text, url) => {
+    const encodedUrl = encodeURIComponent(url);
+    return `[${text}](${slugPath}?redirect=${encodedUrl})`;
+  });
+}
 </script>

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

@@ -131,7 +131,7 @@
     <v-divider class="mb-1" />
     <v-divider />
   </v-responsive>
-  <!--   <MiscAtomsSlidingCarousel
+  <MiscAtomsSlidingCarousel
     v-if="item && item.gallery && item.gallery.length"
     ref="MiscAtomsImage"
     key="MiscAtomsImage"
@@ -143,7 +143,7 @@
     <div :class="mdAndUp ? 'text-h5' : 'text-h6'">
       {{ $t("gallery") }}
     </div>
-  </MiscAtomsSlidingCarousel> -->
+  </MiscAtomsSlidingCarousel>
   <!-- DIVIDERS -->
   <v-responsive class="mx-auto my-9" width="120">
     <v-divider class="mb-1" />

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.95",
+  "version": "1.0.97",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",