@paris-ias/list 1.0.136 → 1.0.138

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

@@ -1,71 +1,69 @@
 <template>
-  <v-row
-    v-ripple
-    no-gutters
-    class="cursor-pointer highlight-on-hover my-2"
-    @click="$router.push(localePath('/activities/news/' + item.slug[locale]))"
+  <NuxtLink
+    v-if="pathPrefix"
+    :to="pathPrefix"
+    class="text-decoration-none text-black"
   >
-    <v-col v-if="mdAndUp" align-self="center" cols="1">
-      <MiscAtomsImageContainer
-        cover
-        :loading="$stores.news.loading"
-        :src="
-          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>
-    <v-col align-self="start" class="text-h5 dense px-2 paragraph">
-      <v-skeleton-loader v-if="rootStore.loading" type="heading" />
-      <template v-else>
-        <v-skeleton-loader
-          v-if="rootStore.loading"
-          :type="
-            ['chip', 'chip@2', 'chip@3', 'chip@4', 'chip@4', 'chip@4'][
-              ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
-            ]
+    <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
+          :loading="isLoading"
+          :src="
+            item && item.image && item.image.url
+              ? item.image.url
+              : '/default.png'
           "
+          :ratio="1 / 1"
+          width="80px"
         />
-
+      </v-col>
+      <v-col align-self="start" class="text-h5 dense px-2 paragraph">
+        <v-skeleton-loader v-if="isLoading" type="heading" />
         <template v-else>
-          <v-chip
-            class="ma-2"
-            style="background-color: white; color: black"
-            size="small"
-            variant="outlined"
-          >
-            {{ $t(eventCategory) }}
-          </v-chip>
-          <MiscMoleculesChipContainer :items="item.tags" size="small" />
+          <v-skeleton-loader
+            v-if="isLoading"
+            :type="
+              ['chip', 'chip@2', 'chip@3', 'chip@4', 'chip@4', 'chip@4'][
+                ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
+              ]
+            "
+          />
+
+          <template v-else>
+            <v-chip
+              class="ma-2"
+              style="background-color: white; color: black"
+              size="small"
+              variant="outlined"
+            >
+              {{ $t(eventCategory) }}
+            </v-chip>
+            <MiscMoleculesChipContainer :items="item.tags || []" size="small" />
+          </template>
+          <div
+            v-html="
+              $rootStore.search.length
+                ? highlightAndTruncate(
+                    300,
+                    item.name,
+                    $rootStore.search.split(' '),
+                  )
+                : item.name
+            "
+          />
         </template>
-        <div
-          v-html="
-            $rootStore.search.length
-              ? highlightAndTruncate(
-                  300,
-                  item.name,
-                  $rootStore.search.split(' '),
-                )
-              : item.name
-          "
-        />
-      </template>
-    </v-col>
-  </v-row>
+      </v-col> </v-row
+  ></NuxtLink>
 </template>
 
 <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 +76,15 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
 const eventCategory = computed(() => {
   if (props.item.category) {
@@ -86,4 +93,6 @@ const eventCategory = computed(() => {
     return "list.filters.news.category.others"
   }
 })
+
+const isLoading = computed(() => props.loading)
 </script>

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

@@ -6,9 +6,7 @@
         cover
         :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()"
+        :loading="isLoading"
       >
         <v-chip class="ma-2" style="background-color: white; color: black">
           {{ $t(eventCategory) }}
@@ -17,7 +15,7 @@
     </v-col>
     <v-col cols="12" md="8" lg="4" class="pl-md-6">
       <v-skeleton-loader
-        v-if="rootStore.loading || $stores['news'].loading"
+        v-if="isLoading"
         :type="
           [
             'heading, subtitle, text@5, ossein, button',
@@ -38,23 +36,15 @@
           <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>
         <MiscMoleculesChipContainer
           v-if="item.tags && item.tags.length"
-          :items="item.tags"
+          :items="item.tags || []"
           class="mt-4"
         />
         <template v-if="mdAndDown">
@@ -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>
@@ -89,10 +74,7 @@
     </v-col>
 
     <v-col v-if="lgAndUp" cols="12" lg="5">
-      <v-skeleton-loader
-        v-if="rootStore.loading || $stores.news.loading"
-        type="text@8, ossein, button"
-      />
+      <v-skeleton-loader v-if="isLoading" type="text@8, ossein, button" />
 
       <template v-else>
         <div
@@ -112,12 +94,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 +106,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 +133,21 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
 
 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) {
@@ -180,6 +157,8 @@ function replaceMarkdownLinksWithSlug(markdownText, slugPath) {
     return `[${text}](${slugPath}?redirect=${encodedUrl})`
   })
 }
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

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

@@ -154,11 +154,11 @@
 </template>
 
 <script setup>
-import { useDisplay } from "vuetify";
-import { useNuxtApp } from "#imports";
+import { useDisplay } from "vuetify"
+import { useNuxtApp } from "#imports"
 
-const { $stores } = useNuxtApp();
-const { name, mdAndUp, smAndDown } = useDisplay();
+const { $stores } = useNuxtApp()
+const { name, mdAndUp, smAndDown } = useDisplay()
 const props = defineProps({
   item: {
     type: Object,
@@ -169,9 +169,9 @@ const props = defineProps({
     required: false,
     default: false,
   },
-});
+})
 
-const today = new Date();
+const today = new Date()
 /* const academicYear = ref(
    today.getMonth() > 6
     ? today.getFullYear() + "-" + (today.getFullYear() + 1)
@@ -179,5 +179,5 @@ const today = new Date();
 )
 
 ) */
-$stores.news.loading = false;
+$stores.news.loading = false
 </script>

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

@@ -1,33 +1,18 @@
 <template>
-  <v-row
-    v-ripple
-    no-gutters
-    class="cursor-pointer highlight-on-hover my-2"
-    @click="
-      $router.push(
-        localePath({
-          name: 'people-slug',
-          params: { slug: item.slug },
-        })
-      )
-    "
-  >
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
     <v-col v-if="mdAndUp" cols="1">
       <MiscAtomsImageContainer
         cover
-        :loading="$stores.people.loading"
+        :loading="isLoading"
         :src="
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        :name="item.lastname + ' ' + item.firstname"
-        :slug="item.slug"
-        link="people-slug"
         :width="80"
       />
     </v-col>
     <v-col align-self="start" class="text-h6 dense px-2">
-      <v-skeleton-loader v-if="rootStore.loading" type="heading" />
+      <v-skeleton-loader v-if="isLoading" type="heading" />
       <div v-else class="d-flex text-h5 align-center">
         <span
           v-html="
@@ -35,7 +20,7 @@
               ? highlightAndTruncate(
                   300,
                   item.firstname + ' ' + item.lastname,
-                  $rootStore.search.split(' ')
+                  $rootStore.search.split(' '),
                 )
               : item.firstname + ' ' + item.lastname
           "
@@ -51,7 +36,7 @@
             ? highlightAndTruncate(
                 300,
                 item.groups.vintage[0].theme,
-                $rootStore.search.split(' ')
+                $rootStore.search.split(' '),
               )
             : item.groups.vintage[0].theme
         "
@@ -78,7 +63,18 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
+
+const isLoading = computed(() => props.loading)
 </script>
 <style>
 .paragraph{max-width:83ch!important}

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

@@ -1,12 +1,5 @@
 <template>
-  <v-sheet
-    :to="
-      localePath({
-        name: 'people-slug',
-        params: { slug: item.slug },
-      })
-    "
-  >
+  <v-sheet>
     <v-row>
       <v-col v-if="lgAndUp" cols="3">
         <MiscAtomsImageContainer
@@ -14,8 +7,6 @@
           :loading="rootStore.loading"
           :src="item.image"
           :ratio="1 / 1"
-          :link="item.firstname + item.lastname"
-          :name="people - slug"
         />
       </v-col>
       <v-col cols="12" lg="9">
@@ -34,11 +25,10 @@
 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/people/RowsItem.vue

@@ -2,30 +2,20 @@
   <v-divider v-if="index > 0" />
   <v-row
     class="my-6 ml-md-1 px-3 px-md-0 highlight-on-hover"
-    @click="
-      $router.push(
-        localePath({
-          name: 'people-slug',
-          params: { slug: item.slug },
-        }),
-      )
-    "
+    @click="$router.push(pathPrefix)"
   >
     <v-col v-if="mdAndUp" cols="12" md="3">
       <MiscAtomsImageContainer
         cover
-        :loading="$stores.people.loading"
+        :loading="isLoading"
         :src="item.image.url ? item.image : '/default.png'"
         :ratio="1 / 1"
-        :name="item.lastname + ' ' + item.firstname"
-        :slug="item.slug"
-        link="people-slug"
       />
     </v-col>
 
     <v-col cols="12" md="8">
       <v-skeleton-loader
-        v-if="$stores.people.loading"
+        v-if="isLoading"
         :type="
           [
             'heading, subtitle, text@5',
@@ -39,17 +29,9 @@
       />
 
       <div v-else class="ml-md-8">
-        <NuxtLink
-          :to="
-            localePath({
-              name: 'people-slug',
-              params: { slug: item.slug },
-            })
-          "
-          class="text-wrap text-h5 text-md-h4 text-black"
-        >
+        <div class="text-wrap text-h5 text-md-h4 text-black">
           {{ item.firstname + " " + item.lastname }}
-        </NuxtLink>
+        </div>
         <MiscAtomsSocials v-if="item.socials" :socials="item.socials" />
         <PeoplepBadges :item="item" />
         <div
@@ -71,9 +53,11 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useLocalePath, computed } from "#imports"
+import { useRootStore } from "../../stores/root"
 
 const { name, mdAndUp } = useDisplay()
 const localePath = useLocalePath()
+const rootStore = useRootStore()
 const props = defineProps({
   item: {
     type: Object,
@@ -83,6 +67,11 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
 const lineClamp = computed(() => {
   let base = [5, 6, 3, 6, 8, 10][
@@ -98,4 +87,6 @@ const lineClamp = computed(() => {
 
   return base
 })
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>