@paris-ias/list 1.0.135 → 1.0.137

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.135",
+  "version": "1.0.137",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

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

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

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

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

package/dist/runtime/components/actions/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.actions.loading = false;
+$stores.actions.loading = false
 </script>

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

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

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

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

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

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

package/dist/runtime/components/affiliation/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.affiliations.loading = false;
+$stores.affiliations.loading = false
 </script>

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

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

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

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

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

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

package/dist/runtime/components/apps/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.apps.loading = false;
+$stores.apps.loading = false
 </script>

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

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

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

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

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

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

package/dist/runtime/components/disciplines/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.disciplines.loading = false;
+$stores.disciplines.loading = false
 </script>

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

@@ -25,12 +25,7 @@
       prepend-icon="mdi-television-play"
       size="small"
       class="my-xs-2"
-      :to="
-        localePath({
-          name: 'activities-events-slug',
-          params: { slug: item.slug[locale] },
-        })
-      "
+      :to="prefixPath"
     >
       {{ $t("live-stream-available") }}
     </v-btn>
@@ -62,15 +57,16 @@
 </template>
 
 <script setup>
-import { useLocalePath, useI18n } from "#imports";
-import { useDisplay } from "vuetify";
-const localePath = useLocalePath();
+import { useDisplay } from "vuetify"
 
-const { smAndUp } = useDisplay();
-const { locale } = useI18n();
+const { smAndUp } = useDisplay()
 const props = defineProps({
   item: { type: Object, required: true },
-});
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+})
 </script>
 
 <style lang="scss" scoped></style>

package/dist/runtime/components/events/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/events/' + item.slug[locale]))"
-  >
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
     <v-col v-if="mdAndUp" cols="1">
       <MiscAtomsDateStamp
         v-if="item.start"
@@ -22,9 +17,6 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        :name="item.name"
-        :slug="item.slug && item.slug[locale]"
-        link="events-slug"
         :width="80"
       />
     </v-col>
@@ -63,25 +55,24 @@
         :value="`${highlightAndTruncate(
           85,
           item.summary,
-          $rootStore.search.split(' ')
+          $rootStore.search.split(' '),
         )}`"
       />
     </v-col>
 
     <v-col align-self="center" cols="auto">
-      <EventsBadges :item />
+      <EventsBadges :item :pathPrefix />
     </v-col>
   </v-row>
 </template>
 
 <script setup>
-import { useLocalePath, useI18n, useNuxtApp } from "#imports"
+import { useI18n, useNuxtApp } from "#imports"
 import { useDisplay } from "vuetify"
 const { $rootStore } = useNuxtApp()
-const { smAndDown, mdAndUp, lgAndUp } = useDisplay()
+const { smAndDown, mdAndUp } = useDisplay()
 
 const { locale } = useI18n()
-const localePath = useLocalePath()
 const props = defineProps({
   item: {
     type: Object,
@@ -91,5 +82,15 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
+<!-- <NuxtLink
+    v-if="item && item.slug"
+    :to="pathPrefix"
+    class="text-decoration-none text-black"
+  >
+  </NuxtLink> -->

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

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

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

@@ -1,21 +1,12 @@
 <template>
-  <v-sheet
-    :to="
-      localePath({
-        name: 'activities-events-slug',
-        params: { slug: item.name },
-      })
-    "
-  >
+  <v-sheet>
     <v-row>
       <v-col v-if="lgAndUp" cols="3">
         <MiscAtomsImageContainer
           cover
           :src="item.image"
           :ratio="1 / 1"
-          :link="item.name"
           :loading="rootStore.loading"
-          name="activities-events-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/events/RowsItem.vue

@@ -1,5 +1,6 @@
 <template>
   <v-divider v-if="index > 0" />
+
   <v-row class="py-8 px-6 highlight-on-hover" no-gutters>
     <v-col cols="12" md="1">
       <MiscAtomsDateStamp
@@ -28,18 +29,9 @@
           />
 
           <div v-else>
-            <nuxt-link
-              v-if="item.name"
-              :to="
-                localePath({
-                  name: 'activities-events-slug',
-                  params: { slug: item.slug[locale] },
-                })
-              "
-              class="text-h4 text-black text-wrap mt-4"
-            >
+            <div v-if="item.name" class="text-h4 text-black text-wrap mt-4">
               {{ item.name }}
-            </nuxt-link>
+            </div>
             <div class="mt-2 text-h6 text-overline font-weight-black">
               {{ $t("list.filters.events.category." + item.category) }}
             </div>
@@ -86,8 +78,6 @@
     <v-col cols="12" md="4">
       <MiscAtomsImageContainer
         cover
-        :slug="item.slug[locale]"
-        link="activities-events-slug"
         :loading="$stores['events'].loading"
         :src="item.image && item.image.url ? item.image : '/default.png'"
         :ratio="1 / 1"
@@ -99,11 +89,10 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { useNuxtApp, useI18n, useLocalePath } from "#imports"
+import { useNuxtApp } from "#imports"
 
-const { locale } = useI18n()
 const { name, mdAndDown, lgAndUp } = useDisplay()
-const localePath = useLocalePath()
+
 const rootStore = useRootStore()
 const { $stores } = useNuxtApp()
 const props = defineProps({
@@ -115,5 +104,9 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>

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

@@ -1,65 +1,57 @@
 <template>
-  <v-sheet v-motion class="d-flex sliding-item flex-md-row flex-column px-6">
-    <MiscAtomsDateStamp
-      :date-start="item.start"
-      :date-stop="item.stop"
-      :loading="loading"
-      class="mr-4 mb-6 mb-md-0"
-      style="min-width: 70px"
-    />
-    <div
-      class="d-flex flex-column"
-      :style="
-        'min-width:' +
-        [250, 300, 350, 380, 430, 460][
-          ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
-        ] +
-        'px!important;'
-      "
-    >
-      <MiscAtomsImageContainer
-        cover
-        :ratio="1"
-        :src="item.image"
-        link="activities-events-slug"
-        :slug="item.id"
+  <NuxtLink
+    v-if="item && item.slug"
+    :to="pathPrefix"
+    class="text-decoration-none text-black"
+  >
+    <v-sheet v-motion class="d-flex sliding-item flex-md-row flex-column px-6">
+      <MiscAtomsDateStamp
+        :date-start="item.start"
+        :date-stop="item.stop"
         :loading="loading"
-        :to="
-          localePath({
-            name: 'activities-events-slug',
-            params: { slug: item.slug[locale] },
-          })
-        "
-        style="cursor: pointer"
+        class="mr-4 mb-6 mb-md-0"
+        style="min-width: 70px"
       />
-      <nuxt-link
-        class="mt-6 pl-0 text-h6 text-md-h5 font-weight-medium sliding-item-title cursor-pointer"
-        :to="
-          localePath({
-            name: 'activities-events-slug',
-            params: { slug: item.slug[locale] },
-          })
+      <div
+        class="d-flex flex-column"
+        :style="
+          'min-width:' +
+          [250, 300, 350, 380, 430, 460][
+            ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
+          ] +
+          'px!important;'
         "
       >
-        <div class="text-overline text-uppercase">
-          {{ $t(item.category) }}
+        <MiscAtomsImageContainer
+          cover
+          :ratio="1"
+          :src="item.image"
+          :loading="loading"
+        />
+        <div
+          class="mt-6 pl-0 text-h6 text-md-h5 font-weight-medium sliding-item-title cursor-pointer"
+        >
+          <div class="text-overline text-uppercase">
+            {{ $t(item.category) }}
+          </div>
+          {{ item.name }}
         </div>
-        {{ item.name }}
-      </nuxt-link>
-    </div>
-  </v-sheet>
+      </div>
+    </v-sheet></NuxtLink
+  >
 </template>
 <script setup>
 import { useDisplay } from "vuetify"
-import { useLocalePath, useI18n } from "#imports"
-const { locale } = useI18n()
 
 const { name } = useDisplay()
-const localePath = useLocalePath()
 
 defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, required: true, default: false },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
 <style lang="scss"></style>

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

@@ -326,8 +326,6 @@ const props = defineProps({
   },
 })
 
-console.log("item", props.item)
-// UI components models
 const panel = ref(["presentation"])
 
 function redirectToMap(long, lat) {

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

@@ -23,29 +23,33 @@
 </template>
 
 <script setup>
-import { getLocalizedDate } from "../../composables/useUtils";
-import { computed } from "#imports";
+import { getLocalizedDate } from "../../composables/useUtils"
+import { computed } from "#imports"
 
 const props = defineProps({
   item: { type: Object, required: true },
   view: { type: Boolean, required: false, default: false },
-});
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+})
 
 const registrationStatus = computed(() => {
-  const currentDate = new Date();
-  const startDate = new Date(props.item.applicationStart);
-  const endDate = new Date(props.item.applicationStop);
+  const currentDate = new Date()
+  const startDate = new Date(props.item.applicationStart)
+  const endDate = new Date(props.item.applicationStop)
   switch (true) {
     case currentDate < startDate:
-      return 0;
+      return 0
     case currentDate > startDate && currentDate < endDate:
-      return 1;
+      return 1
     case currentDate > startDate && currentDate > endDate:
-      return 2;
+      return 2
     default:
-      return false;
+      return false
   }
-});
+})
 </script>
 
 <style lang="scss" scoped></style>

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

@@ -1,12 +1,5 @@
 <template>
-  <v-row
-    v-ripple
-    no-gutters
-    class="cursor-pointer highlight-on-hover"
-    @click="
-      $router.push(localePath('/activities/fellowships/' + item.slug[locale]))
-    "
-  >
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover">
     <v-col align-self="center" cols="8" class="text-h5 dense">
       <div
         v-html="
@@ -32,10 +25,9 @@
 </template>
 
 <script setup>
-import { useLocalePath, useI18n, useNuxtApp } from "#imports"
+import { useNuxtApp } from "#imports"
 const { $rootStore } = useNuxtApp()
-const { locale } = useI18n()
-const localePath = useLocalePath()
+
 const props = defineProps({
   item: {
     type: Object,
@@ -45,5 +37,10 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>

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

@@ -2,6 +2,13 @@
   <div></div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+defineProps({
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+})
+</script>
 
 <style></style>