@paris-ias/list 1.0.179 → 1.0.181

package/dist/module.json

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

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

@@ -1,6 +1,6 @@
 <template>
-  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
-    <v-col v-if="mdAndUp" cols="1">
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover py-2">
+    <v-col v-if="mdAndUp" cols="2">
       <MiscAtomsDateStamp
         v-if="item.start"
         :loading
@@ -91,6 +91,7 @@
 import { useI18n, useNuxtApp, computed } from "#imports"
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
+import { highlightAndTruncate } from "../../composables/useUtils"
 const { $rootStore } = useNuxtApp()
 const { smAndDown, mdAndUp } = useDisplay()
 

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

@@ -1,5 +1,9 @@
 <template>
-  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover">
+  <v-row
+    v-ripple
+    no-gutters
+    class="cursor-pointer highlight-on-hover pt-2 pl-2"
+  >
     <v-col align-self="center" cols="8" class="text-h5 dense">
       <v-skeleton-loader
         v-if="loading"
@@ -35,6 +39,7 @@
 
 <script setup>
 import { useNuxtApp } from "#imports"
+import { highlightAndTruncate } from "../../composables/useUtils"
 const { $rootStore } = useNuxtApp()
 
 const props = defineProps({

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

@@ -1,7 +1,7 @@
 <template>
   <component
     :is="itemTemplate"
-    v-for="(item, index) in rootStore.results[type].items"
+    v-for="(item, index) in rootStore.results[type]?.items || []"
     :key="index"
     :item="item"
     :index="index"
@@ -27,7 +27,9 @@ const itemTemplate = computed(() =>
       capitalize(props.type) +
       capitalize($stores[props.type].view.name) +
       "Item"
-    ).toString()
-  )
+    ).toString(),
+  ),
 )
+console.log("ResultsList props:", itemTemplate, $stores[props.type].view.name)
+console
 </script>

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

@@ -1,34 +1,5 @@
 <template>
   <div class="d-flex align-center">
-    <v-text-field
-      :id="`global-search-input-${type}`"
-      v-model.trim="search"
-      :placeholder="
-        type === 'all'
-          ? t('search')
-          : $t('list.search-type', [$t('items.' + type, 2)])
-      "
-      prepend-inner-icon="mdi-magnify"
-      single-line
-      class="transition-swing flex-grow-1"
-      variant="outlined"
-      hide-details
-      clearable
-      tile
-      type="search"
-      :loading="rootStore.loading"
-      @keyup.enter="$router.push(localePath('/search'))"
-      @click:append="$router.push(localePath('/search'))"
-    >
-      <!--    :loading="$nuxt.loading || $store.state.loading" :class="{ 'mt-3':
-        $store.state.scrolled }" -->
-      <template v-if="!search" #label>
-        <div class="searchLabel">
-          {{ $t("search") }}
-        </div>
-      </template>
-    </v-text-field>
-
     <v-menu
       v-if="filter"
       v-model="filterMenuOpen"
@@ -40,7 +11,7 @@
         <v-btn
           v-bind="menuProps"
           :rounded="0"
-          variant="text"
+          variant="outlined"
           size="large"
           height="56"
         >
@@ -73,13 +44,39 @@
         </v-list>
       </v-card>
     </v-menu>
+    <v-text-field
+      :id="`global-search-input-${type}`"
+      v-model.trim="search"
+      :placeholder="
+        type === 'all'
+          ? t('search')
+          : $t('list.search-type', [$t('items.' + type, 2)])
+      "
+      single-line
+      class="transition-swing flex-grow-1"
+      variant="outlined"
+      hide-details
+      clearable
+      tile
+      type="search"
+      :loading="rootStore.loading"
+      @keyup.enter="navigateToSearch"
+      @click:append="navigateToSearch"
+    >
+      <template v-if="!search" #label>
+        <div class="searchLabel">
+          {{ $t("search") }}
+        </div>
+      </template>
+    </v-text-field>
+
     <v-btn
       :rounded="0"
       variant="outlined"
       size="large"
       height="56"
-      @keyup.enter="$router.push(localePath('/search'))"
-      @click="$router.push(localePath('/search'))"
+      @keyup.enter="navigateToSearch"
+      @click="navigateToSearch"
     >
       <v-icon size="large">mdi-magnify</v-icon>
       <v-tooltip activator="parent" location="start">{{
@@ -92,7 +89,7 @@
 <script setup>
 import { useDebounceFn } from "@vueuse/core"
 import { useRootStore } from "../../../stores/root"
-import { computed, useI18n, ref, useLocalePath } from "#imports"
+import { computed, useI18n, ref, useLocalePath, useRouter } from "#imports"
 const localePath = useLocalePath()
 const { locale, t } = useI18n()
 const rootStore = useRootStore()
@@ -150,20 +147,30 @@ const toggleFilter = (option) => {
   })
 }
 
+const navigateToSearch = () => {
+  navigateTo({
+    path: localePath("/search"),
+    query: rootStore.search ? { search: rootStore.search } : {},
+  })
+}
+
 const search = computed({
   get() {
     return rootStore.search
   },
   set: useDebounceFn(function (v) {
-    emit("change", {
-      name: "search",
-      value: v,
-    })
-    rootStore.updateSearch({
-      type: props.type,
-      search: v || "",
-      lang: locale.value,
-    })
+    const value = v || ""
+    if (!value && !rootStore.search) return
+
+    if (props.type === "all") {
+      rootStore.search = value
+    } else {
+      rootStore.updateSearch({
+        type: props.type,
+        search: value,
+        lang: locale.value,
+      })
+    }
   }, 300),
 })
 </script>

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

@@ -6,7 +6,9 @@
         size="large"
         class=""
         @click="$emit('toggle', type)"
-        :disabled="$rootStore.results[type]?.total === 0"
+        :disabled="
+          $rootStore.results[type] && $rootStore.results[type]?.total === 0
+        "
       >
         <v-icon size="large">{{
           open ? "mdi-chevron-down" : "mdi-chevron-right"
@@ -19,7 +21,9 @@
         <div
           class="text-h5 font-weight-medium"
           :class="
-            $rootStore.results[type].total > 0 ? 'black' : 'text-grey darken-2'
+            $rootStore.results[type] && $rootStore.results[type].total > 0
+              ? 'black'
+              : 'text-grey darken-2'
           "
         >
           {{ capitalize($t("items." + props.type, 2)) }}
@@ -30,18 +34,26 @@
               ? $t(
                   "list.0-items-found-f",
                   [
-                    $rootStore.results[type].total,
-                    $t("items." + props.type, $rootStore.results[type].total),
+                    $rootStore.results[type] && $rootStore.results[type].total,
+                    $t(
+                      "items." + props.type,
+                      $rootStore.results[type] &&
+                        $rootStore.results[type].total,
+                    ),
                   ],
-                  $rootStore.results[type].total,
+                  $rootStore.results[type] && $rootStore.results[type].total,
                 )
               : $t(
                   "list.0-items-found",
                   [
-                    $rootStore.results[type].total,
-                    $t("items." + props.type, $rootStore.results[type].total),
+                    $rootStore.results[type] && $rootStore.results[type].total,
+                    $t(
+                      "items." + props.type,
+                      $rootStore.results[type] &&
+                        $rootStore.results[type].total,
+                    ),
                   ],
-                  $rootStore.results[type].total,
+                  $rootStore.results[type] && $rootStore.results[type].total,
                 )
           }}
         </div>
@@ -54,10 +66,14 @@
       color="default"
       variant="text"
       rounded="0"
-      v-if="$rootStore.results[type]?.total > 0"
+      v-if="$rootStore.results[type] && $rootStore.results[type]?.total > 0"
       :to="localePath(type === 'people' ? '/people' : '/activities/' + type)"
     >
-      {{ $t("list.pls-x-more", [$rootStore.results[type].total]) }}
+      {{
+        $t("list.pls-x-more", [
+          $rootStore.results[type] && $rootStore.results[type].total,
+        ])
+      }}
     </v-btn>
   </div>
   <v-divider></v-divider>

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

@@ -147,7 +147,7 @@ const { data, pending, error, refresh } = await useAsyncQuery(
 if (error.value) {
   console.error("GraphQL query error: ", error.value)
 } else {
-  console.log("Query result data: ", data.value)
+  /*   console.log("Query result data: ", data.value) */
 }
 
 // Apply data to store immediately if available

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

@@ -2,121 +2,123 @@
   <ListMoleculesGlobalSearchInput
     type="all"
     :placeholder="$t('search')"
-    variant="outlined"
     :categories="selectedCategories"
-    @change="updateSearch($event)"
+    filter
     @filter-change="handleFilterChange"
   />
-  <ListMoleculesResultsContainer
-    v-for="type in filteredSortedModules"
-    :key="type"
-    :feminine="type === 'people'"
-    :type
-    :open="$rootStore.results[type]?.total > 0 ?? open[type]"
-    @toggle="open[$event] = !open[$event]"
-  >
-    {{ $rootStore.results[type]?.total }}
-    <v-expand-transition class="results-container">
-      <div v-show="$rootStore.results[type]?.total > 0 || open[type]">
-        <ListAtomsResultsList :type />
-      </div>
-    </v-expand-transition>
-  </ListMoleculesResultsContainer>
+  <v-progress-linear v-if="pending" indeterminate />
+  <template v-else>
+    <ListMoleculesResultsContainer
+      v-for="type in filteredSortedModules"
+      :key="type"
+      :feminine="type === 'people'"
+      :type
+      :open="
+        ($rootStore.results[type] && $rootStore.results[type]?.total > 0) ??
+        open[type]
+      "
+      @toggle="open[$event] = !open[$event]"
+    >
+      <v-expand-transition class="results-container">
+        <div
+          v-show="
+            ($rootStore.results[type] && $rootStore.results[type]?.total > 0) ||
+            open[type]
+          "
+        >
+          <ListAtomsResultsList :type />
+        </div>
+      </v-expand-transition>
+    </ListMoleculesResultsContainer>
+  </template>
 </template>
 
 <script setup>
 import {
   useNuxtApp,
-  onBeforeUnmount,
   useI18n,
   useAppConfig,
+  useRoute,
   ref,
   useAsyncQuery,
   computed,
+  watch,
 } from "#imports"
 import SEARCH from "@paris-ias/trees/dist/graphql/client/misc/query.search.all.gql"
-// Component name for linting
-defineOptions({
-  name: "SearchResults",
-})
 
 const { $rootStore } = useNuxtApp()
-
 const appConfig = useAppConfig()
 const { locale } = useI18n()
+const route = useRoute()
 const open = ref({})
 
-// State for selected categories (default to all selected)
+if (route.query.search) {
+  $rootStore.search = route.query.search
+}
+
 const selectedCategories = ref([...appConfig.list.modules])
 
-// Handle filter changes
 const handleFilterChange = (filterData) => {
   selectedCategories.value = filterData.categories
 }
 
-// Computed property to sort modules by total count (highest first)
 const sortedModules = computed(() => {
   return appConfig.list.modules.slice().sort((a, b) => {
-    const aResults = $rootStore.results[a] || { total: 0 }
-    const bResults = $rootStore.results[b] || { total: 0 }
-
-    // Sort by highest total count first
-    return (bResults.total || 0) - (aResults.total || 0)
+    const aMaxScore = Math.max(
+      ...($rootStore.results[a]?.items || []).map((i) => i.score ?? 0),
+      0,
+    )
+    const bMaxScore = Math.max(
+      ...($rootStore.results[b]?.items || []).map((i) => i.score ?? 0),
+      0,
+    )
+    return bMaxScore - aMaxScore
   })
 })
-
-// Computed property to filter and sort modules based on selected categories
 const filteredSortedModules = computed(() => {
   return sortedModules.value.filter((type) =>
     selectedCategories.value.includes(type),
   )
 })
 
-// Apollo GraphQL query with proper reactivity
-const { data, pending, error, refresh } = await useAsyncQuery(
+const searchTerm = computed(() => $rootStore.search || "")
+const currentLocale = computed(() => locale.value)
+
+const { data, pending, error } = useAsyncQuery(
   SEARCH,
-  { search: $rootStore.search, appId: "iea", locale: locale.value },
+  computed(() => ({
+    search: searchTerm.value,
+    appId: "iea",
+    locale: currentLocale.value,
+  })),
   {
-    key: `search-${$rootStore.search}`, // Unique key for caching
-    server: true, // Enable SSR
+    enabled: computed(() => searchTerm.value.length > 0),
   },
 )
 if (error.value) {
   console.error("GraphQL query error: ", error.value)
 } else {
-  console.log("Query result data: ", data.value.items?.length)
+  /*  console.log("Query result data: ", data.value.items?.length) */
 }
 
-// Apply data to store immediately if available
-if (data.value) {
-  console.log("Applying data to store directly [first load scenario]")
-  $rootStore.applyListResult("all", data.value)
-  // Initialize open state for types with results
-  appConfig.list.modules.forEach((type) => {
-    if ($rootStore.results[type]?.total > 0) {
-      open.value[type] = true
-    }
-  })
-}
-
-const updateSearch = async (newSearch) => {
-  console.log("update search")
-  if (newSearch !== $rootStore.search) {
-    await refresh()
-    if (data.value) {
-      console.log("Applying data to store directly [first load scenario]")
-      $rootStore.applyListResult("all", data.value)
-      // Initialize open state for types with results
+watch(
+  data,
+  (newData) => {
+    if (newData) {
+      console.log("Applying search data to store")
+      $rootStore.applyListResult("all", newData)
       appConfig.list.modules.forEach((type) => {
-        if ($rootStore.results[type]?.total > 0) {
+        if ($rootStore.results[type] && $rootStore.results[type]?.total > 0) {
           open.value[type] = true
         }
       })
     }
-  }
-}
-onBeforeUnmount(() => {
-  /* rootStore.resetState("all", locale.value) */
+  },
+  { immediate: true },
+)
+
+watch(error, (err) => {
+  if (err) console.error("GraphQL query error:", err)
 })
 </script>
 <style scoped>

package/dist/runtime/components/list/views/Dense.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="my-6 ml-2 pb-6">
+  <section class="my-6 pb-6">
     <slot>
       <!-- fallback content -->
     </slot>

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

@@ -11,7 +11,7 @@
       <div class="overflow-hidden mw-100">
         <!--  TODO debug why the picture is not displaying/sizing properly -->
         <v-img
-          v-if="src"
+          v-if="src && computedSrc"
           :aspect-ratio="ratio"
           :class="{ 'img-animation': animate }"
           :lazy-src="
@@ -43,7 +43,8 @@ import { computed, useImage } from "#imports"
 const img = useImage()
 
 const computedSrc = computed(() => {
-  return typeof props.src === "string" ? props.src : props.src.url
+  if (!props.src) return null
+  return typeof props.src === "string" ? props.src : props.src?.url || null
 })
 const props = defineProps({
   src: {
@@ -68,17 +69,16 @@ const props = defineProps({
   animate: { type: Boolean, default: true },
 })
 const _srcset = computed(() => {
-  return img.getSizes(
-    typeof props.src === "string" ? props.src : props.src.url,
-    {
-      sizes: "xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",
-      modifiers: {
-        format: "webp",
-        quality: 70,
-        ...(props.width && { width: props.width }),
-      },
+  const srcUrl = typeof props.src === "string" ? props.src : props.src?.url
+  if (!srcUrl) return { srcset: "", sizes: "" }
+  return img.getSizes(srcUrl, {
+    sizes: "xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",
+    modifiers: {
+      format: "webp",
+      quality: 70,
+      ...(props.width && { width: props.width }),
     },
-  )
+  })
 })
 </script>
 

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

@@ -1,5 +1,5 @@
 <template>
-  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover pa-2">
     <v-col v-if="mdAndUp" align-self="center" cols="1">
       <MiscAtomsImageContainer
         cover
@@ -11,7 +11,7 @@
         width="80px"
       />
     </v-col>
-    <v-col align-self="start" class="text-h5 dense px-2 paragraph">
+    <v-col align-self="start" class="text-h5 dense mx-2 paragraph">
       <v-skeleton-loader v-if="loading" type="heading" />
       <template v-else>
         <v-skeleton-loader
@@ -25,7 +25,7 @@
 
         <template v-else>
           <v-chip
-            class="ma-2"
+            class="mb-2"
             style="background-color: white; color: black"
             size="small"
             variant="outlined"
@@ -36,11 +36,11 @@
         </template>
         <div
           v-html="
-            $rootStore.search.length
+            rootStore.search.length
               ? highlightAndTruncate(
                   300,
                   item.name,
-                  $rootStore.search.split(' '),
+                  rootStore.search.split(' '),
                 )
               : item.name
           "
@@ -52,9 +52,12 @@
 
 <script setup>
 import { useDisplay } from "vuetify"
+import { useRootStore } from "../../stores/root"
+import { highlightAndTruncate } from "../../composables/useUtils"
 import { computed } from "#imports"
 
 const { name, mdAndUp } = useDisplay()
+const rootStore = useRootStore()
 
 const props = defineProps({
   item: {

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

@@ -68,7 +68,7 @@
     </v-col>
 
     <v-col v-if="lgAndUp" cols="12" lg="5">
-      <v-skeleton-loader v-if="isLoading" type="text@8, ossein, button" />
+      <v-skeleton-loader v-if="loading" type="text@8, ossein, button" />
 
       <template v-else>
         <div

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

@@ -1,5 +1,5 @@
 <template>
-  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover">
     <v-col v-if="mdAndUp" cols="1">
       <MiscAtomsImageContainer
         cover
@@ -9,6 +9,7 @@
         "
         :ratio="1 / 1"
         :width="80"
+        class="ma-1"
       />
     </v-col>
     <v-col align-self="start" class="text-h6 dense px-2">
@@ -20,7 +21,7 @@
               ? highlightAndTruncate(
                   300,
                   item.firstname + ' ' + item.lastname,
-                  $rootStore.search.split(' '),
+                  rootStore.search.split(' '),
                 )
               : item.firstname + ' ' + item.lastname
           "
@@ -36,7 +37,7 @@
             ? highlightAndTruncate(
                 300,
                 item.groups.vintage[0].theme,
-                $rootStore.search.split(' '),
+                rootStore.search.split(' '),
               )
             : item.groups.vintage[0].theme
         "
@@ -47,6 +48,7 @@
 
 <script setup>
 import { useRootStore } from "../../stores/root"
+import { highlightAndTruncate } from "../../composables/useUtils"
 import { computed } from "#imports"
 import { useDisplay } from "vuetify"
 

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

@@ -1,5 +1,5 @@
 <template>
-  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover">
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover px-4">
     <v-col v-if="mdAndUp" align-self="center" cols="1">
       <MiscAtomsImageContainer
         cover
@@ -11,13 +11,13 @@
         :width="50"
       />
     </v-col>
-    <v-col align-self="center" class="text-h5 dense pl-2">
+    <v-col align-self="center" class="text-h5 dense pl-4 pt-2">
       <v-skeleton-loader v-if="loading" type="heading" width="50%" />
       <span
         v-else
         v-html="
           rootStore.search.length
-            ? highlightAndTruncate(300, item.name, $rootStore.search.split(' '))
+            ? highlightAndTruncate(300, item.name, rootStore.search.split(' '))
             : item.name
         "
       />
@@ -32,7 +32,7 @@
 
       <MDC
         v-else-if="item.summary"
-        class="text-caption font-weight-light paragraph"
+        class="text-caption font-weight-light paragraph mt-n2"
         :value="`${highlightAndTruncate(
           150,
           item.summary,
@@ -46,6 +46,7 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
+import { highlightAndTruncate } from "../../composables/useUtils"
 
 const { mdAndUp } = useDisplay()
 

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

@@ -48,7 +48,7 @@
               ? highlightAndTruncate(
                   300,
                   item.name,
-                  $rootStore.search.split(' '),
+                  rootStore.search.split(' '),
                 )
               : item.name
           "
@@ -71,6 +71,7 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
+import { highlightAndTruncate } from "../../composables/useUtils"
 import { computed } from "#imports"
 const rootStore = useRootStore()
 

package/dist/runtime/stores/root.js

@@ -54,8 +54,20 @@ export const useRootStore = defineStore("rootStore", {
           }
         });
       }
-      if (query.page && query.page > 1)
-        $stores[type].page = parseInt(query.page, 10) || 1;
+      if (query.search && typeof query.search === "string") {
+        if (type === "all") {
+          this.search = query.search;
+        } else if ($stores[type]) {
+          ;
+          $stores[type].search = query.search;
+        }
+      }
+      const page = parseInt(query.page, 10) || 1;
+      if (type === "all") {
+        this.page = page;
+      } else if ($stores[type]) {
+        $stores[type].page = page;
+      }
     },
     setFiltersCount(type) {
       const { $stores } = useNuxtApp();
@@ -70,9 +82,12 @@ export const useRootStore = defineStore("rootStore", {
     updateRouteQuery(type) {
       const router = useRouter();
       const { $stores } = useNuxtApp();
+      const isGlobal = type === "all";
+      const searchValue = isGlobal ? this.search : $stores[type]?.search || "";
+      const pageValue = isGlobal ? this.page : $stores[type]?.page || 1;
       const routeQuery = {
-        ...this.search ? { search: this.search } : {},
-        ...this.page > 1 ? { page: this.page.toString() } : {},
+        ...searchValue ? { search: searchValue } : {},
+        ...pageValue > 1 ? { page: pageValue.toString() } : {},
         ...Object.entries($stores[type]?.filters ?? {}).reduce(
           (acc, [key, filter]) => {
             const value = filter?.value;
@@ -125,7 +140,11 @@ export const useRootStore = defineStore("rootStore", {
       if ($stores[type]?.filters?.[key]) {
         $stores[type].filters[key].value = val;
       }
-      this.page = 1;
+      if (type === "all") {
+        this.page = 1;
+      } else {
+        $stores[type].page = 1;
+      }
       $stores[type].loading = true;
       this.setFiltersCount(type);
       this.updateRouteQuery(type);
@@ -136,7 +155,11 @@ export const useRootStore = defineStore("rootStore", {
       lang
     }) {
       const { $stores } = useNuxtApp();
-      this.page = 1;
+      if (type === "all") {
+        this.page = 1;
+      } else {
+        $stores[type].page = 1;
+      }
       $stores[type].itemsPerPage = value;
       $stores[type].loading = true;
       this.updateRouteQuery(type);
@@ -170,15 +193,16 @@ export const useRootStore = defineStore("rootStore", {
     }) {
       if (type === "all") {
         this.search = search;
+        this.page = 1;
       } else {
         const { $stores } = useNuxtApp();
         if ($stores[type]) {
           ;
           $stores[type].search = search;
+          $stores[type].page = 1;
           $stores[type].loading = true;
         }
       }
-      this.page = 1;
       this.updateRouteQuery(type);
     },
     buildListVariables(type, lang = "en") {
@@ -194,21 +218,20 @@ export const useRootStore = defineStore("rootStore", {
           }
         }
       }
+      const localSearch = $stores[type]?.search || "";
       const args = JSON.parse(
         JSON.stringify({
           options: {
             skip: +$stores[type]?.page === 1 ? 0 : (+$stores[type]?.page - 1) * itemsPerPage,
             limit: itemsPerPage,
-            ...this.search?.length && type !== "all" && { search: this.search },
+            ...type !== "all" && localSearch?.length && { search: localSearch },
             filters,
             sort: $stores[type]?.sortKey || ($stores[type]?.sort ? Object.keys($stores[type].sort).find(
               (key) => $stores[type].sort[key].default
             ) : void 0)
           },
           ...type === "all" && this.search?.length && { search: this.search },
-          ...type !== "all" && $stores[type] && $stores[type].search?.length && {
-            search: $stores[type].search
-          },
+          ...type !== "all" && localSearch?.length && { search: localSearch },
           appId: "iea",
           lang
         })
@@ -220,7 +243,23 @@ export const useRootStore = defineStore("rootStore", {
       const { $stores } = useNuxtApp();
       const key = type === "all" ? "search" : "list" + type.charAt(0).toUpperCase() + type.slice(1);
       if (type === "all") {
-        this.results = data?.[key] || this.results;
+        const searchData = data?.[key];
+        if (searchData) {
+          for (const moduleType of Object.keys(searchData)) {
+            if (moduleType in this.results) {
+              ;
+              this.results[moduleType] = searchData[moduleType];
+            }
+          }
+        }
+        for (const category of Object.keys(this.results)) {
+          const categoryData = this.results[category];
+          if (categoryData?.items?.length) {
+            categoryData.items.sort(
+              (a, b) => (b.score ?? 0) - (a.score ?? 0)
+            );
+          }
+        }
         return;
       }
       const items = data?.[key]?.items ?? [];

package/package.json

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