@paris-ias/list 1.0.159 → 1.0.162

package/dist/module.json

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

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

@@ -11,18 +11,13 @@
               x-large
               tile
               flat
-              :icon="'mdi-' + (current?.icon || defaultView?.icon)"
+              :icon="'mdi-' + currentIcon"
               :class="{ 'mt-3': isXsDisplay }"
               v-bind="mergeProps(menu, tooltip)"
             />
           </template>
         </template>
-        <div
-          v-html="
-            $t('list.view-mode') +
-            $t('list.' + (current?.name || defaultView?.name))
-          "
-        />
+        <div v-html="$t('list.view-mode') + $t('list.' + currentName)" />
       </v-tooltip>
     </template>
     <v-list density="compact">
@@ -61,16 +56,24 @@ const props = defineProps({
 const { xs: isXsDisplay } = useDisplay()
 
 const rootStore = useRootStore()
-const items = ref($stores[props.type].views)
 
-const current = ref($stores[props.type].view)
+const store = computed(() => $stores[props.type])
 
-const defaultView = ref(
-  $stores[props.type].views[
-    Object.keys($stores[props.type].views).find(
-      (k) => $stores[props.type].views[k]?.default === true,
-    )
-  ] || { name: "list", icon: "view-list" },
+const items = computed(() => store.value?.views ?? {})
+
+const current = computed(() => store.value?.view ?? null)
+
+const defaultView = computed(() => {
+  const views = store.value?.views ?? {}
+  const key = Object.keys(views).find((k) => views[k]?.default === true)
+  return key ? views[key] : { name: "list", icon: "view-list" }
+})
+
+const currentIcon = computed(
+  () => current.value?.icon ?? defaultView.value.icon,
+)
+const currentName = computed(
+  () => current.value?.name ?? defaultView.value.name,
 )
 
 const updateView = async (value) => {

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

@@ -66,6 +66,7 @@ const getItems = (name) => {
       }))
   }
   if (
+    !messages.value[locale.value].list.filters[props.type] ||
     messages.value[locale.value].list.filters[props.type][name] === undefined
   ) {
     console.log("name not found, no item for this filter: ", name)

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

@@ -1,21 +1,5 @@
 <template>
   <ListMoleculesHeader :type="type" />
-  <!-- <component
-    :is="view"
-    :loading="$stores[type] && $stores[type].loading && pending"
-  >
-    <component
-      :is="itemTemplate"
-      v-for="(item, index) in items"
-      :key="(item.name || item.lastname) + type + index"
-      :item
-      :index
-      :loading="$stores[type] && $stores[type].loading && pending"
-      :pathPrefix="
-        localePath({ name: pathPrefix, params: { slug: item.slug } })
-      "
-    />
-  </component> -->
 
   <component
     :is="view"
@@ -30,7 +14,7 @@
           params: { slug: JSON.parse(item.slug) },
         })
       "
-      class="no-decoration"
+      class="text-decoration-none text-black"
     >
       <component
         :is="itemTemplate"
@@ -136,8 +120,8 @@ const variables = computed(() => {
 // Computed properties for dynamic components
 const view = computed(() =>
   resolveComponent(
-    "ListViews" + capitalize($stores[props.type]?.view?.name || "list")
-  )
+    "ListViews" + capitalize($stores[props.type]?.view?.name || "list"),
+  ),
 )
 const itemTemplate = computed(() =>
   resolveComponent(
@@ -145,8 +129,8 @@ const itemTemplate = computed(() =>
       capitalize(props.type) +
       capitalize($stores[props.type]?.view?.name || "list") +
       "Item"
-    ).toString()
-  )
+    ).toString(),
+  ),
 )
 console.log("Starting query for type: ", props.type)
 console.log("Using variables: ", variables.value)
@@ -158,7 +142,7 @@ const { data, pending, error, refresh } = await useAsyncQuery(
   {
     key: `list-${props.type}`, // Unique key for caching
     server: true, // Enable SSR
-  }
+  },
 )
 if (error.value) {
   console.error("GraphQL query error: ", error.value)
@@ -188,7 +172,7 @@ watch(
       rootStore.setLoading(false, props.type)
     }
   },
-  { deep: true }
+  { deep: true },
 )
 
 // Reactive items computed from the store (single source of truth)

package/dist/runtime/composables/useUtils.js

@@ -69,9 +69,14 @@ export const highlightAndTruncate = (stop, text, query) => {
           text = text.slice(0, stop) + "...";
         }
         query.forEach((element) => {
-          const check = new RegExp(element, "gi");
-          text = text.replace(check, function(matchedText) {
-            return '<strong style="color: white;background-color: black;">' + matchedText + "</strong>";
+          const regex = new RegExp(element, "gi");
+          text = text.replace(regex, (matchedText) => {
+            return `<span style="
+            text-decoration: underline;
+            text-decoration-color: black;   
+            text-decoration-thickness: 2px;
+            text-underline-offset: 2px;
+          ">${matchedText}</span>`;
           });
         });
       } else {

package/dist/runtime/stores/root.js

@@ -129,7 +129,6 @@ export const useRootStore = defineStore("rootStore", {
           ...$stores[type].views[value],
           name: value
         };
-        $stores[type].loading = true;
       }
       this.updateRouteQuery(type);
     },

package/package.json

@@ -1,14 +1,14 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.159",
+  "version": "1.0.162",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",
     "type": "git"
   },
   "dependencies": {
-    "@paris-ias/trees": "^2.0.17"
+    "@paris-ias/trees": "^2.0.27"
   },
   "description": "Paris IAS List Module",
   "peerDependencies": {