@paris-ias/list 1.0.17 → 1.0.18

package/dist/module.json

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

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

@@ -77,7 +77,9 @@
             "
           />
 
-          <div v-else><EventsBadges :item="item" /></div>
+          <div v-else>
+            <EventsBadges :item="item" />
+          </div>
         </v-col>
       </v-row>
     </v-col>
@@ -97,6 +99,7 @@
 <script setup>
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../stores/root";
+import { useNuxtApp, useI18n, useLocalePath } from "#imports";
 const { locale } = useI18n();
 const { name, mdAndDown, lgAndUp } = useDisplay();
 const localePath = useLocalePath();

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

@@ -19,8 +19,8 @@
         <div class="searchLabel">
           {{ $t("list.search-type", [$t(type)]) }}
         </div>
-      </template></v-text-field
-    >
+      </template>
+    </v-text-field>
     <v-expand-transition v-if="type === 'all'">
       <v-list
         v-show="search.length"
@@ -36,8 +36,9 @@
           <v-list-subheader
             v-if="item.type && item.type === 'subheader'"
             :key="'subheader-' + index"
-            >{{ item.name }}</v-list-subheader
           >
+            {{ item.name }}
+          </v-list-subheader>
           <div
             v-else-if="item.type && item.type === 'no-result'"
             :key="'no-result-' + index"
@@ -57,14 +58,16 @@
             :item
             :type="item.type"
           />
-        </template> </v-list
-    ></v-expand-transition>
+        </template>
+      </v-list>
+    </v-expand-transition>
   </div>
 </template>
 
 <script setup>
 import { useDebounceFn } from "@vueuse/core";
 import { useRootStore } from "../../../stores/root";
+import { useNuxtApp, useI18n } from "#imports";
 const { locale, t } = useI18n();
 const rootStore = useRootStore();
 const { $stores } = useNuxtApp();

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

@@ -32,7 +32,8 @@
         !(!$stores[type].search || $stores[type].search.length === 0) &&
         $stores[type].filtersCount === 0
       "
-      >{{
+    >
+      {{
         feminine
           ? $t(
               "list.0-items-found-searching-for-f",
@@ -60,15 +61,16 @@
               ],
               $stores[type].total
             )
-      }}</template
-    >
+      }}
+    </template>
     <!--  with X filters -->
     <template
       v-else-if="
         (!$stores[type].search || $stores[type].search.length === 0) &&
         $stores[type][props.type].filtersCount > 0
       "
-      >{{
+    >
+      {{
         feminine
           ? $t(
               "list.0-items-found-with-1-filter-f",
@@ -98,8 +100,8 @@
               ],
               $stores[type].total
             )
-      }}</template
-    >
+      }}
+    </template>
     <!--  searching for "XXX" with Y filters  -->
     <template
       v-else-if="
@@ -107,7 +109,8 @@
         $stores[type].search.length &&
         $stores[type].filtersCount > 0
       "
-      >{{
+    >
+      {{
         feminine
           ? $t(
               "list.0-items-found-searching-for-with-1-filter-f",
@@ -131,8 +134,8 @@
               ],
               $stores[type].total
             )
-      }}</template
-    >
+      }}
+    </template>
     <template v-if="$stores[type].numberOfPages > 1">
       <!--   // Page X of Y -->
       {{
@@ -140,8 +143,8 @@
           $stores[type].page || 1,
           $stores[type].numberOfPages || 1,
         ])
-      }}</template
-    >
+      }}
+    </template>
     <!--  X items per page -->
     <!-- displayed by X -->
     <!--  and sorted by X -->
@@ -149,6 +152,7 @@
 </template>
 
 <script setup>
+import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const props = defineProps({
   type: {

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

@@ -36,16 +36,17 @@
             <v-icon>mdi-{{ item.icon }}</v-icon>
           </template>
           <v-list-item-title>{{ $t("list." + item.text) }}</v-list-item-title>
-        </v-list-item></template
-      >
+        </v-list-item>
+      </template>
     </v-list>
   </v-menu>
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root";
 import { mergeProps } from "vue";
 import { useDisplay } from "vuetify";
+import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const { xs: isXsDisplay } = useDisplay();
 const rootStore = useRootStore();

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

@@ -31,18 +31,19 @@
         <template #prepend>
           <v-icon>mdi-{{ value.icon }}</v-icon>
         </template>
-        <v-list-item-title>{{
-          $t("list." + (value.name || key))
-        }}</v-list-item-title>
+        <v-list-item-title>
+          {{ $t("list." + (value.name || key)) }}
+        </v-list-item-title>
       </v-list-item>
     </v-list>
   </v-menu>
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root";
 import { mergeProps } from "vue";
 import { useDisplay } from "vuetify";
+import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const props = defineProps({
   type: {

package/dist/runtime/components/list/inputs/AutoComplete.vue

@@ -8,6 +8,7 @@
 
 <script setup>
 import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const rootStore = useRootStore();
 const { $stores } = useNuxtApp();
 const props = defineProps(["type", "items", "name"]);

package/dist/runtime/components/list/inputs/BooleanSwitch.vue

@@ -3,7 +3,9 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const rootStore = useRootStore();
 const props = defineProps(["type", "items", "name"]);
 const { $stores } = useNuxtApp();

package/dist/runtime/components/list/inputs/Checkbox.vue

@@ -3,7 +3,9 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const rootStore = useRootStore();
 const props = defineProps(["type", "items", "name"]);
 const { $stores } = useNuxtApp();
@@ -15,7 +17,4 @@ const val = computed({
     rootStore.updateFilter(props.name, value, props.type);
   }
 });
-onMounted(() => {
-  console.log(props.data);
-});
 </script>

package/dist/runtime/components/list/inputs/Select.vue

@@ -7,7 +7,9 @@
 </template>
 
 <script setup>
+import { computed, onMounted } from "vue";
 import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const rootStore = useRootStore();
 const { $stores } = useNuxtApp();
 const props = defineProps(["type", "items", "name"]);

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

@@ -29,13 +29,14 @@
       </div>
     </template> -->
       </v-col>
-    </template></v-row
-  >
+    </template>
+  </v-row>
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root";
 import { useDisplay } from "vuetify";
+import { useRootStore } from "../../../stores/root";
+import { useNuxtApp, useI18n } from "#imports";
 const { smAndDown } = useDisplay();
 const i18n = useI18n();
 const { locale, messages } = useI18n();
@@ -69,7 +70,7 @@ const computeVisibility = (filterItem) => {
   return (
     // if anything is set in the visibility key
     !$stores[props.type].filters[filterItem].visibility || $stores[props.type].filters[filterItem].visibility?.default || $stores[props.type].filters[filterItem].visibility?.switchIf.find(
-      //for each of the rules set in the switchIf key
+      // for each of the rules set in the switchIf key
       (rule) => {
         return Object.keys(rule).find((value, index, obj) => {
           return $stores[props.type].filters[value].multiple ? $stores[props.type].filters[value]?.value && $stores[props.type].filters[value]?.value.includes(rule[value]) : $stores[props.type].filters[value]?.value === rule[value];

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

@@ -27,6 +27,7 @@
 <script setup>
 import { useRootStore } from "../../../stores/root";
 import { capitalize } from "../../../composables/useUtils";
+import { useNuxtApp, useI18n } from "#imports";
 const { $stores } = useNuxtApp();
 const { locale } = useI18n();
 const rootStore = useRootStore();

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

@@ -25,9 +25,9 @@
       />
 
       <template v-else>
-        <v-chip class="ma-2" style="background-color: white; color: black">{{
-          $t(eventCategory)
-        }}</v-chip>
+        <v-chip class="ma-2" style="background-color: white; color: black">
+          {{ $t(eventCategory) }}
+        </v-chip>
         <MiscMoleculesChipContainer :items="item.tags" size="small" />
       </template>
     </v-col>
@@ -36,7 +36,9 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { computed } from "vue";
 import { useRootStore } from "../../stores/root";
+import { useNuxtApp, useI18n, useLocalePath } from "#imports";
 const { $stores } = useNuxtApp();
 const { name } = useDisplay();
 const localePath = useLocalePath();

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

@@ -10,10 +10,10 @@
         link="news-slug"
         :slug="item._path && item._path.split('/').pop()"
       >
-        <v-chip class="ma-2" style="background-color: white; color: black">{{
-          $t(eventCategory)
-        }}</v-chip></MiscAtomsImageContainer
-      >
+        <v-chip class="ma-2" style="background-color: white; color: black">
+          {{ $t(eventCategory) }}
+        </v-chip>
+      </MiscAtomsImageContainer>
     </v-col>
     <v-col cols="12" md="8" lg="4" class="pl-md-6">
       <v-skeleton-loader
@@ -32,11 +32,11 @@
 
       <template v-else>
         <template v-if="smAndDown && item.category">
-          <v-chip class="mb-4">{{
-            $t("list.filters.news.category." + item.category)
-          }}</v-chip>
-          <br
-        /></template>
+          <v-chip class="mb-4">
+            {{ $t("list.filters.news.category." + item.category) }}
+          </v-chip>
+          <br />
+        </template>
 
         <NuxtLink
           :to="
@@ -131,8 +131,10 @@
 </template>
 
 <script setup>
-import { useRootStore } from "../../stores/root";
 import { useDisplay } from "vuetify";
+import { computed } from "vue";
+import { useRootStore } from "../../stores/root";
+import { useNuxtApp, useI18n } from "#imports";
 const { $stores } = useNuxtApp();
 const { locale } = useI18n();
 const localePath = useLocalePath();

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

@@ -10,9 +10,9 @@
         :type="['heading', 'heading'][['xs', 'sm'].indexOf(name || 'sm')]"
       />
       <template v-else>
-        <v-chip v-if="item && item.category && item.name" class="mb-4">{{
-          $t("list.filters.news.category." + item.category)
-        }}</v-chip>
+        <v-chip v-if="item && item.category && item.name" class="mb-4">
+          {{ $t("list.filters.news.category." + item.category) }}
+        </v-chip>
         <br />
         {{ item.name }}
       </template>
@@ -47,9 +47,9 @@
       />
 
       <div v-else class="mx-4 mx-md-0 justify-md-end">
-        <v-chip v-if="item && item.category && mdAndUp" class="mb-4">{{
-          $t("list.filters.news.category." + item.category)
-        }}</v-chip>
+        <v-chip v-if="item && item.category && mdAndUp" class="mb-4">
+          {{ $t("list.filters.news.category." + item.category) }}
+        </v-chip>
         <div
           v-if="item && item.name && mdAndUp"
           class="d-flex text-wrap text-h4 text-black"
@@ -161,6 +161,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const { name, mdAndUp, smAndDown } = useDisplay();
 const props = defineProps({

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

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

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

@@ -35,14 +35,15 @@
         tile
         variant="outlined"
       >
-        {{ $t("list.filters.people.groups." + key) }}</v-chip
-      ></template
-    >
+        {{ $t("list.filters.people.groups." + key) }}
+      </v-chip>
+    </template>
   </div>
 </template>
 
 <script setup>
 import { useRootStore } from "../../stores/root";
+import { useNuxtApp } from "#imports";
 const rootStore = useRootStore();
 const { $stores } = useNuxtApp();
 const props = defineProps({

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

@@ -45,7 +45,7 @@
               class="my-8 text-h3 align-self-center text-wrap"
             >
               {{ item.firstname + " " + item.lastname
-              }}<!--  TODO : call a composable to format people names (multiple, initials, capped & al. )-->
+              }}<!--  TODO : call a composable to format people names (multiple, initials, capped & al. ) -->
             </div>
             <!-- SOCIALS -->
             <div class="text-center">
@@ -151,6 +151,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useNuxtApp, useI18n } from "#imports";
 const { locale } = useI18n();
 const { $stores } = useNuxtApp();
 const { name, mdAndUp } = useDisplay();

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

@@ -114,6 +114,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const { name } = useDisplay();
 const props = defineProps({

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

@@ -75,10 +75,11 @@
               ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
             ]
           "
-          >{{ $t("visit-the-publications-website") }}</v-btn
         >
-        ></template
-      >
+          {{ $t("visit-the-publications-website") }}
+        </v-btn>
+        >
+      </template>
     </div>
   </v-col>
   <v-divider />
@@ -86,6 +87,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useNuxtApp, useI18n, useLocalePath, useRouter } from "#imports";
 const { name } = useDisplay();
 const { locale } = useI18n();
 const { $stores } = useNuxtApp();

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

@@ -115,6 +115,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useNuxtApp, useI18n } from "#imports";
 const { $stores } = useNuxtApp();
 const { name } = useDisplay();
 const { locale } = useI18n();

package/dist/runtime/composables/useUtils.js

@@ -1,3 +1,4 @@
+import { useNuxtApp } from "#imports";
 export const formatDate = (dateStr, locale) => {
   const date = new Date(dateStr);
   return date.toLocaleDateString(locale, {

package/dist/runtime/stores/root.js

@@ -1,5 +1,6 @@
 import { defineStore } from "pinia";
 import SEARCH from "../graphql/queries/list/search.gql";
+import { useNuxtApp } from "#imports";
 export const useRootStore = defineStore("rootStore", {
   state: () => ({
     scrolled: import.meta.browser ? window.scrollY > 0 : false,

package/package.json

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