@paris-ias/list 1.0.19 → 1.0.20

package/dist/module.json

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

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

@@ -41,8 +41,8 @@
           >Afficher une carte plus grande</a
         ></small
       >
-      ></v-responsive
-    >
+      >
+    </v-responsive>
   </v-expand-transition>
   <br />
   <v-btn
@@ -56,6 +56,7 @@
 </template>
 
 <script setup>
+import { ref } from "vue";
 import { getDetailedFormatedDate } from "../../composables/useUtils";
 const { locale } = useI18n();
 const props = defineProps({

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

@@ -1,7 +1,11 @@
 <template>
   <div class="">
     <v-row>
-      <v-col v-if="mdAndUp" cols="12" md="3">
+      <v-col
+        v-if="mdAndUp"
+        cols="12"
+        md="3"
+      >
         <MiscAtomsImageContainer
           cover
           :src="
@@ -38,7 +42,10 @@
               {{ item.name }}
             </div>
 
-            <v-divider width="154px" class="mb-1 mt-6" />
+            <v-divider
+              width="154px"
+              class="mb-1 mt-6"
+            />
             <v-divider width="154px" />
 
             <div
@@ -58,7 +65,10 @@
               <!--   <EventsBadges :item="item" /> -->
             </div>
 
-            <v-divider width="154px" class="mb-1 mt-6" />
+            <v-divider
+              width="154px"
+              class="mb-1 mt-6"
+            />
             <v-divider width="154px" />
           </div>
         </template>
@@ -66,7 +76,12 @@
     </v-row>
 
     <v-row class="mt-md-3 mt-lg-10 mt-xl-12">
-      <v-col v-if="mdAndUp" class="d-flex flex-column" cols="12" md="3">
+      <v-col
+        v-if="mdAndUp"
+        class="d-flex flex-column"
+        cols="12"
+        md="3"
+      >
         <v-skeleton-loader
           v-if="loading"
           height="100%"
@@ -93,8 +108,8 @@
                 </div>
                 <div class="mt-md-4">
                   {{ $t("inscription-gratuite-et-obligatoire") }}
-                </div></template
-              >
+                </div>
+              </template>
             </div>
           </div>
 
@@ -103,8 +118,8 @@
               v-if="!loading && bookingState === 'OPEN'"
               :item="item"
             >
-              <template #activator="activatorProps"
-                ><v-btn
+              <template #activator="activatorProps">
+                <v-btn
                   color="grey-lighten-3"
                   v-bind="activatorProps"
                   flat
@@ -114,21 +129,26 @@
                   style="height: auto"
                 >
                   <template #append>
-                    <v-icon class="text-green" size="x-large">
-                      mdi-circle-medium</v-icon
+                    <v-icon
+                      class="text-green"
+                      size="x-large"
                     >
+                      mdi-circle-medium
+                    </v-icon>
                   </template>
                   {{ $t("inscription-ouverte") }}
-                </v-btn></template
-              >
+                </v-btn>
+              </template>
             </EventsRegisterModal>
           </div>
 
           <v-sheet class="mt-md-0 mt-lg-2 mt-xl-4">
             <v-list v-if="!loading && item.files && item.files.length">
-              <v-list-subheader class="text-overline font-weight-bold">{{
-                $t("document")
-              }}</v-list-subheader>
+              <v-list-subheader class="text-overline font-weight-bold">
+                {{
+                  $t("document")
+                }}
+              </v-list-subheader>
 
               <v-list-item
                 v-for="(file, i) in item.files"
@@ -136,16 +156,26 @@
                 :value="file"
               >
                 <template #prepend>
-                  <v-icon v-if="mdAndUp" :icon="getFileIcon(file.url)" />
+                  <v-icon
+                    v-if="mdAndUp"
+                    :icon="getFileIcon(file.url)"
+                  />
                 </template>
-                <v-list-item-title class="text-wrap" v-text="file.name" />
+                <v-list-item-title
+                  class="text-wrap"
+                  v-text="file.name"
+                />
               </v-list-item>
             </v-list>
           </v-sheet>
         </template>
       </v-col>
 
-      <v-col v-if="sm" class="d-flex flex-row" cols="12">
+      <v-col
+        v-if="sm"
+        class="d-flex flex-row"
+        cols="12"
+      >
         <v-row class="ml-sm-1">
           <v-col cols="6">
             <MiscAtomsImageContainer
@@ -160,12 +190,19 @@
               v-if="loading"
               type="heading, subtitle, heading, subtitle, ossein, button"
             />
-            <EventsDateTimePlace v-else :item="item" />
+            <EventsDateTimePlace
+              v-else
+              :item="item"
+            />
           </v-col>
         </v-row>
       </v-col>
 
-      <v-col v-if="xs" class="ml-2" cols="12">
+      <v-col
+        v-if="xs"
+        class="ml-2"
+        cols="12"
+      >
         <MiscAtomsImageContainer
           cover
           :src="item.image.url ? item.image : '/default.png'"
@@ -174,15 +211,26 @@
         />
       </v-col>
 
-      <v-col v-if="xs" class="ml-2" cols="12">
+      <v-col
+        v-if="xs"
+        class="ml-2"
+        cols="12"
+      >
         <v-skeleton-loader
           v-if="loading"
           type="heading, subtitle, heading, subtitle, ossein, button"
         />
-        <EventsDateTimePlace v-else :item="item" />
+        <EventsDateTimePlace
+          v-else
+          :item="item"
+        />
       </v-col>
 
-      <v-col cols="12" md="9" class="px-0">
+      <v-col
+        cols="12"
+        md="9"
+        class="px-0"
+      >
         <v-skeleton-loader
           v-if="loading"
           :type="
@@ -226,7 +274,10 @@
                   class="py-2"
                   style="white-space: pre; text-wrap: auto"
                 >
-                  <MDC v-if="item.description" :value="item.description" />
+                  <MDC
+                    v-if="item.description"
+                    :value="item.description"
+                  />
                 </v-expansion-panel-text>
               </v-expansion-panel>
 
@@ -244,10 +295,13 @@
                   {{ $t("programme") }}
                 </v-expansion-panel-title>
                 <v-expansion-panel-text>
-                  <MDC v-if="item.program" :value="item.program" />
+                  <MDC
+                    v-if="item.program"
+                    :value="item.program"
+                  />
 
-                  ></v-expansion-panel-text
-                >
+                  >
+                </v-expansion-panel-text>
               </v-expansion-panel>
 
               <v-expansion-panel
@@ -267,7 +321,10 @@
                   class="border-thin text-black"
                   :color="key === accordeon ? 'light-grey' : 'white'"
                 >
-                  <MDC v-if="item.details" :value="item.details" />
+                  <MDC
+                    v-if="item.details"
+                    :value="item.details"
+                  />
                 </v-expansion-panel-text>
               </v-expansion-panel>
             </v-expansion-panels>
@@ -277,7 +334,10 @@
     </v-row>
 
     <!-- DIVIDERS -->
-    <v-responsive class="mx-auto my-9" width="120">
+    <v-responsive
+      class="mx-auto my-9"
+      width="120"
+    >
       <v-divider class="mb-1" />
       <v-divider />
     </v-responsive>
@@ -294,7 +354,10 @@
         {{ $t("gallery") }}
       </div>
     </MiscAtomsSlidingCarousel> -->
-    <v-responsive class="mx-auto my-9" width="120">
+    <v-responsive
+      class="mx-auto my-9"
+      width="120"
+    >
       <v-divider class="mb-1" />
       <v-divider />
     </v-responsive>
@@ -307,6 +370,8 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { ref } from "vue";
+import { useRouter } from "vue-router";
 import getFileIcon from "../../composables/useIcons";
 const { name, mdAndUp, sm, xs } = useDisplay();
 const router = useRouter();

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

@@ -152,6 +152,7 @@
 </template>
 
 <script setup>
+import { ref } from "vue";
 import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const props = defineProps({

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

@@ -43,7 +43,7 @@
 </template>
 
 <script setup>
-import { mergeProps, computed } from "vue";
+import { mergeProps, computed, ref } from "vue";
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../../stores/root";
 import { useNuxtApp } from "#imports";

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

@@ -40,7 +40,7 @@
 </template>
 
 <script setup>
-import { mergeProps } from "vue";
+import { mergeProps, ref } from "vue";
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../../stores/root";
 import { useNuxtApp } from "#imports";

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

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

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

@@ -24,8 +24,9 @@
       </div>
       <v-expand-transition>
         <div v-if="filtersOpen" class="mb-7">
-          <ListMoleculesFilters :type="type" /></div
-      ></v-expand-transition>
+          <ListMoleculesFilters :type="type" />
+        </div>
+      </v-expand-transition>
       <ListAtomsSearchInput :type="type" />
       <ListAtomsSearchString :type="type" />
     </v-col>
@@ -33,6 +34,8 @@
 </template>
 
 <script setup>
+import { ref } from "vue";
+import { useRoute } from "#imports";
 const route = useRoute();
 const filtersOpen = ref(!!Object.keys(route.query)?.length);
 const props = defineProps({

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

@@ -78,8 +78,8 @@
 
 <script setup>
 import { computed } from "vue";
-import { useRoute } from "vue-router";
 import { useRootStore } from "../../../stores/root";
+import { useRoute } from "#imports";
 const route = useRoute();
 const rootStore = useRootStore();
 const props = defineProps({

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

@@ -25,7 +25,10 @@
           :image="item.image"
           :hashtags="item.tags.map((tag) => tag.name)"
           :url="config.url + route.fullPath"
-          ><template #label>{{ network }}</template>
+        >
+          <template #label>
+            {{ network }}
+          </template>
         </SocialShare>
       </v-list-item>
     </v-list>
@@ -33,8 +36,9 @@
 </template>
 
 <script setup>
-import config from "~/static.config";
 import { mergeProps } from "vue";
+import { useRoute } from "#imports";
+import config from "~/static.config";
 const route = useRoute();
 const props = defineProps({
   networks: {

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

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

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

@@ -73,17 +73,19 @@
               ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
             ]
           "
-          >{{ $t("visit-the-project-website") }}</v-btn
         >
+          {{ $t("visit-the-project-website") }}
+        </v-btn>
       </template>
-    </v-col></v-row
-  >
+    </v-col>
+  </v-row>
   <v-divider />
 </template>
 
 <script setup>
-import { useRootStore } from "../../stores/root";
 import { useDisplay } from "vuetify";
+import { useRootStore } from "../../stores/root";
+import { useRouter } from "#imports";
 const { locale } = useI18n();
 const { name } = useDisplay();
 const rootStore = useRootStore();

package/dist/runtime/composables/useFetchItem.js

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

package/dist/runtime/stores/root.js

@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 import SEARCH from "../graphql/queries/list/search.gql";
-import { useNuxtApp } from "#imports";
+import { useNuxtApp, useRouter } 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.19",
+  "version": "1.0.20",
   "name": "@paris-ias/list",
   "repository": "IEA-Paris/list",
   "dependencies": {