@paris-ias/list 1.0.25 → 1.0.27

package/dist/module.json

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

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

@@ -13,8 +13,8 @@
       <template #prepend>
         <v-icon size="large" color="danger" />
       </template>
-      {{ $t("event-full") }}</v-btn
-    >
+      {{ $t("event-full") }}
+    </v-btn>
 
     <v-divider v-if="smAndUp" vertical class="mx-3" />
     <v-btn
@@ -32,8 +32,8 @@
         })
       "
     >
-      {{ $t("live-stream-available") }}</v-btn
-    >
+      {{ $t("live-stream-available") }}
+    </v-btn>
 
     <v-btn
       v-if="item.outside"
@@ -44,8 +44,8 @@
       size="small"
       class="my-xs-2"
     >
-      {{ $t("outside-event") }}</v-btn
-    >
+      {{ $t("outside-event") }}
+    </v-btn>
 
     <v-btn
       v-if="item.type === 'HYBRID'"
@@ -56,13 +56,14 @@
       size="small"
       class="my-xs-2"
     >
-      {{ $t("hybrid-event") }}</v-btn
-    >
+      {{ $t("hybrid-event") }}
+    </v-btn>
   </div>
 </template>
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useI18n } from "#imports";
 const { smAndUp } = useDisplay();
 const { locale } = useI18n();
 const props = defineProps({

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

@@ -58,6 +58,7 @@
 <script setup>
 import { ref } from "vue";
 import { getDetailedFormatedDate } from "../../composables/useUtils";
+import { useI18n } from "#imports";
 const { locale } = useI18n();
 const props = defineProps({
   item: {

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

@@ -26,6 +26,7 @@
 </template>
 
 <script setup>
+import { useLocalePath, useI18n } from "#imports";
 const { locale } = useI18n();
 const localePath = useLocalePath();
 const props = defineProps({

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

@@ -4,7 +4,7 @@
       :value="event"
       style="cursor: pointer"
       @click="
-        $router.push(localePath('/activities/events/' + slugify(event.title)))
+        $router.push(localePath('/activities/events/' + event.slug[locale]))
       "
     >
       <v-col cols="3">
@@ -31,6 +31,8 @@
 
 <script setup>
 import { useRootStore } from "../../stores/root";
+import { useI18n } from "#imports";
+const { locale } = useI18n();
 const rootStore = useRootStore();
 const props = defineProps({
   events: {

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

@@ -28,14 +28,15 @@
             {{ item.description }}
           </div>
         </template>
-      </v-col></v-row
-    ></v-sheet
-  >
+      </v-col>
+    </v-row>
+  </v-sheet>
 </template>
 
 <script setup>
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../stores/root";
+import { useLocalePath } from "#imports";
 const localePath = useLocalePath();
 const rootStore = useRootStore();
 const { lgAndUp } = useDisplay();

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

@@ -19,11 +19,13 @@
             : []),
         ]"
         class="mt-2"
-    /></v-col>
+      />
+    </v-col>
   </v-row>
 </template>
 
 <script setup>
+import { useLocalePath, useI18n } from "#imports";
 const { locale } = useI18n();
 const localePath = useLocalePath();
 const props = defineProps({

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

@@ -43,6 +43,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useLocalePath, useI18n } from "#imports";
 const { name } = useDisplay();
 const localePath = useLocalePath();
 const { locale } = useI18n();

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

@@ -1,27 +1,28 @@
 <template>
   <v-list-item :to="localePath(getPath(item.id))" class="search-item py-2">
-    <template v-slot:item :key="index.toString() + item.id"></template>
-    <template v-slot:prepend v-if="item.prependAvatar">
-      <v-avatar rounded="0" :image="item.prependAvatar"> </v-avatar>
+    <template #item :key="index.toString() + item.id" />
+    <template v-if="item.prependAvatar" #prepend>
+      <v-avatar rounded="0" :image="item.prependAvatar" />
     </template>
-    <template v-slot:title>
-      <div v-html="item.title" class="text-black black-text"></div>
+    <template #title>
+      <div class="text-black black-text" v-html="item.title" />
     </template>
-    <template v-slot:subtitle>
-      <div v-html="item.subtitle" class="text-black black-text"></div>
+    <template #subtitle>
+      <div class="text-black black-text" v-html="item.subtitle" />
     </template>
-    <template v-slot:append>
+    <template #append>
       <v-btn
         icon="mdi-open-in-new"
         variant="text"
         :to="localePath(getPath(item.id))"
         target="_blank"
-      ></v-btn>
+      />
     </template>
   </v-list-item>
 </template>
 
 <script setup>
+import { useLocalePath } from "#imports";
 const localePath = useLocalePath();
 const props = defineProps({
   item: {

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

@@ -35,9 +35,14 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
-import { resolveComponent } from "vue";
 import { useRootStore } from "../../../stores/root";
-import { useNuxtApp, useI18n, onMounted } from "#imports";
+import {
+  useNuxtApp,
+  useI18n,
+  onMounted,
+  resolveComponent,
+  useI18n
+} from "#imports";
 const { smAndDown } = useDisplay();
 const i18n = useI18n();
 const { locale, messages } = useI18n();

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

@@ -14,7 +14,7 @@
           link
             ? localePath({
                 name: link,
-                params: { slug: slugify(slug) },
+                params: { slug },
               })
             : null
         "
@@ -50,8 +50,7 @@
 </template>
 
 <script setup>
-import { slugify } from "../../../composables/useUtils";
-import { computed } from "#imports";
+import { computed, useLocalePath, useImage } from "#imports";
 const localePath = useLocalePath();
 const img = useImage();
 const computedSrc = computed(() => {

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

@@ -85,7 +85,8 @@
 <script setup>
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../stores/root";
-import { useRouter } from "#imports";
+import { useRouter, useI18n, useLocalePath } from "#imports";
+const localePath = useLocalePath();
 const router = useRouter();
 const rootStore = useRootStore();
 const expanded = ref(false);

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

@@ -1,7 +1,7 @@
 <template>
-  <v-row> <v-col cols="12" /> </v-row>
+  <v-row> <v-col cols="12" /> header</v-row>
 </template>
 
-<script setup>
+<script setup lang="ts"></script>
 
-</script>
+<style lang="scss"></style>

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

@@ -28,14 +28,15 @@
             {{ item.description }}
           </div>
         </template>
-      </v-col></v-row
-    ></v-sheet
-  >
+      </v-col>
+    </v-row>
+  </v-sheet>
 </template>
 
 <script setup>
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../stores/root";
+import { useLocalePath } from "#imports";
 const localePath = useLocalePath();
 const rootStore = useRootStore();
 const { lgAndUp } = useDisplay();

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

@@ -134,7 +134,7 @@
 import { useDisplay } from "vuetify";
 import { computed } from "vue";
 import { useRootStore } from "../../stores/root";
-import { useNuxtApp, useI18n } from "#imports";
+import { useNuxtApp, useI18n, useLocalePath } from "#imports";
 const { $stores } = useNuxtApp();
 const { locale } = useI18n();
 const localePath = useLocalePath();

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

@@ -3,7 +3,7 @@
     :to="
       localePath({
         name: 'people-slug',
-        params: { slug: slugify(item.firstname + item.lastname) }, //TODO à modifier
+        params: { slug: item.slug },
       })
     "
   >
@@ -33,7 +33,7 @@
 <script setup>
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../stores/root";
-import { slugify } from "../../../composables/useUtils";
+import { useLocalePath } from "#imports";
 const localePath = useLocalePath();
 const rootStore = useRootStore();
 const { lgAndUp } = useDisplay();

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

@@ -66,7 +66,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
-import { computed } from "vue";
+import { useLocalePath, computed } from "#imports";
 const { name, mdAndUp } = useDisplay();
 const localePath = useLocalePath();
 const props = defineProps({

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

@@ -36,6 +36,7 @@
 <script setup>
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../stores/root";
+import { useLocalePath } from "#imports";
 const localePath = useLocalePath();
 const rootStore = useRootStore();
 const { lgAndUp } = useDisplay();

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

@@ -85,7 +85,7 @@
 <script setup>
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../stores/root";
-import { useRouter } from "#imports";
+import { useRouter, useLocalePath } from "#imports";
 const { locale } = useI18n();
 const { name } = useDisplay();
 const rootStore = useRootStore();

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

@@ -36,6 +36,7 @@
 <script setup>
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../stores/root";
+import { useLocalePath } from "#imports";
 const localePath = useLocalePath();
 const rootStore = useRootStore();
 const { lgAndUp } = useDisplay();

package/dist/runtime/composables/useFetchItem.js

@@ -1,4 +1,4 @@
-import { useRoute, useAsyncQuery } from "#imports";
+import { useRoute, useAsyncQuery, useI18n, useSetI18nParams } from "#imports";
 export const useFetchItem = () => {
   const fetchItem = async (payload) => {
     try {

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "name": "@paris-ias/list",
   "repository": "IEA-Paris/list",
   "dependencies": {