@paris-ias/list 1.0.42 → 1.0.43

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.42",
+  "version": "1.0.43",
   "builder": {
-    "@nuxt/module-builder": "1.0.0",
+    "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"
   }
 }

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

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,9 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    index: number;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+        readonly index?: number | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/events/ExpandedItem.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -9,7 +9,7 @@
     >
       <v-col cols="3">
         <MiscAtomsDateStamp
-          :loading="rootStore.events.loading"
+          :loading="$rootStore.events.loading"
           :date="[
             new Date(event.start),
             ...(event.stop ? [new Date(event.stop)] : []),
@@ -30,10 +30,9 @@
 </template>
 
 <script setup>
-import { useRootStore } from "../../stores/root";
 import { useI18n } from "#imports";
+const { $rootStore } = useNuxtApp();
 const { locale } = useI18n();
-const rootStore = useRootStore();
 const props = defineProps({
   events: {
     type: Array,

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

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    events: unknown[];
+    $props: {
+        readonly events?: unknown[] | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/events/RegisterModal.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -14,12 +14,12 @@
           :src="item.image"
           :ratio="1 / 1"
           :link="item.name"
-          :loading="rootStore.loading"
+          :loading="$rootStore.loading"
           name="activities-events-slug"
         />
       </v-col>
       <v-col cols="12" lg="9">
-        <v-skeleton-loader v-if="rootStore.loading" type="heading, text@3" />
+        <v-skeleton-loader v-if="$rootStore.loading" type="heading, text@3" />
         <template v-else>
           <div class="text-h6">
             {{ item.name }}
@@ -35,10 +35,9 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
-import { useRootStore } from "../../stores/root";
 import { useLocalePath } from "#imports";
+const { $rootStore } = useNuxtApp();
 const localePath = useLocalePath();
-const rootStore = useRootStore();
 const { lgAndUp } = useDisplay();
 const props = defineProps({ item: { type: Object, required: true } });
 </script>

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

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -14,7 +14,7 @@
       <v-row no-gutters>
         <v-col cols="12" class="pr-lg-6">
           <v-skeleton-loader
-            v-if="rootStore.loading || $stores['events'].loading"
+            v-if="$rootStore.loading || $stores['events'].loading"
             :type="
               [
                 'heading, subtitle, text@6,subtitle, text,  ossein,  button, button',
@@ -69,7 +69,7 @@
       >
         <v-col cols="12">
           <v-skeleton-loader
-            v-if="rootStore.loading || $stores['events'].loading"
+            v-if="$rootStore.loading || $stores['events'].loading"
             :type="
               ['article, heading, text, heading, text, button, button'][
                 ['md'].indexOf(name || 'md')
@@ -103,8 +103,7 @@ import { useNuxtApp, useI18n, useLocalePath } from "#imports";
 const { locale } = useI18n();
 const { name, mdAndDown, lgAndUp } = useDisplay();
 const localePath = useLocalePath();
-const rootStore = useRootStore();
-const { $stores } = useNuxtApp();
+const { $stores, $rootStore } = useNuxtApp();
 const props = defineProps({
   item: {
     type: Object,

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

@@ -0,0 +1,9 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    index: number;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+        readonly index?: number | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,9 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    loading: boolean;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+        readonly loading?: boolean | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/fellowships/Badges.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    view: boolean;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+        readonly view?: boolean | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,9 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    index: number;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+        readonly index?: number | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/fellowships/ExpandedItem.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/fellowships/RegisterModal.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    view: boolean;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+        readonly view?: boolean | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,9 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    index: number;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+        readonly index?: number | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/fellowships/View.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    loading: boolean;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+        readonly loading?: boolean | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/list/atoms/FiltersMenu.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    open: boolean;
+    $props: {
+        readonly open?: boolean | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -11,7 +11,7 @@
       clearable
       tile
       type="search"
-      :loading="rootStore.loading"
+      :loading="$rootStore.loading"
     >
       <!--    :loading="$nuxt.loading || $store.state.loading" :class="{ 'mt-3':
       $store.state.scrolled }" -->
@@ -29,7 +29,7 @@
         style="max-height: 300px"
         class="overflow-y-auto"
       >
-        <div v-if="rootStore.loading" class="d-flex justify-center py-6">
+        <div v-if="$rootStore.loading" class="d-flex justify-center py-6">
           <v-progress-circular color="black" size="64" indeterminate />
         </div>
         <template v-for="(item, index) in results">
@@ -66,11 +66,9 @@
 
 <script setup>
 import { useDebounceFn } from "@vueuse/core";
-import { useRootStore } from "../../../stores/root";
 import { useNuxtApp, useI18n, computed } from "#imports";
 const { locale, t } = useI18n();
-const rootStore = useRootStore();
-const { $stores } = useNuxtApp();
+const { $stores, $rootStore } = useNuxtApp();
 const props = defineProps({
   type: {
     type: String,
@@ -82,7 +80,7 @@ const props = defineProps({
   }
 });
 const results = computed(() => {
-  const storeRst = rootStore.results;
+  const storeRst = $rootStore.results;
   const rst = Object.keys(storeRst).length && Object.keys(storeRst).sort((a, b) => {
     return storeRst[b]?.items?.length - storeRst[a]?.items?.length;
   }).reduce((acc, key, index) => {
@@ -111,10 +109,10 @@ const results = computed(() => {
 });
 const search = computed({
   get() {
-    return props.type === "all" ? rootStore.search : $stores[props.type].search;
+    return props.type === "all" ? $rootStore.search : $stores[props.type].search;
   },
   set: await useDebounceFn(async function(v) {
-    await rootStore.updateSearch({
+    await $rootStore.updateSearch({
       type: props.type,
       search: v || "",
       lang: locale.value

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

@@ -0,0 +1,9 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    type: string;
+    loading: boolean;
+    $props: {
+        readonly type?: string | undefined;
+        readonly loading?: boolean | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,11 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    item: Record<string, any>;
+    type: string;
+    index: number;
+    $props: {
+        readonly item?: Record<string, any> | undefined;
+        readonly type?: string | undefined;
+        readonly index?: number | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    type: string;
+    $props: {
+        readonly type?: string | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -45,11 +45,9 @@
 <script setup>
 import { mergeProps } from "vue";
 import { useDisplay } from "vuetify";
-import { useRootStore } from "../../../stores/root";
 import { useNuxtApp, computed, ref } from "#imports";
-const { $stores } = useNuxtApp();
+const { $stores, $rootStore } = useNuxtApp();
 const { xs: isXsDisplay } = useDisplay();
-const rootStore = useRootStore();
 const props = defineProps({
   type: {
     type: String,
@@ -74,6 +72,6 @@ const current = computed(() => {
   }
 });
 const updateSort = async (value) => {
-  await rootStore.updateSort({ value, type: props.type });
+  await $rootStore.updateSort({ value, type: props.type });
 };
 </script>

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

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    type: string;
+    $props: {
+        readonly type?: string | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -42,9 +42,8 @@
 <script setup>
 import { mergeProps, ref } from "vue";
 import { useDisplay } from "vuetify";
-import { useRootStore } from "../../../stores/root";
 import { useNuxtApp } from "#imports";
-const { $stores } = useNuxtApp();
+const { $stores, $rootStore } = useNuxtApp();
 const props = defineProps({
   type: {
     type: String,
@@ -53,10 +52,9 @@ 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 updateView = async (value) => {
-  await rootStore.updateView({ value, type: props.type });
+  await $rootStore.updateView({ value, type: props.type });
 };
 </script>

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

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    type: string;
+    $props: {
+        readonly type?: string | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,11 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    name?: any;
+    type?: any;
+    items?: any;
+    $props: {
+        readonly name?: any;
+        readonly type?: any;
+        readonly items?: any;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -3,17 +3,15 @@
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root";
 import { useNuxtApp, computed } from "#imports";
-const rootStore = useRootStore();
 const props = defineProps(["type", "items", "name"]);
-const { $stores } = useNuxtApp();
+const { $stores, $rootStore } = useNuxtApp();
 const val = computed({
   get() {
     return $stores[props.type].filters[props.name]?.value;
   },
   set(value) {
-    rootStore.updateFilter(props.name, value, props.type);
+    $rootStore.updateFilter(props.name, value, props.type);
   }
 });
 </script>

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

@@ -0,0 +1,11 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    name?: any;
+    type?: any;
+    items?: any;
+    $props: {
+        readonly name?: any;
+        readonly type?: any;
+        readonly items?: any;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -3,17 +3,15 @@
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root";
 import { useNuxtApp, computed } from "#imports";
-const rootStore = useRootStore();
 const props = defineProps(["type", "items", "name"]);
-const { $stores } = useNuxtApp();
+const { $stores, $rootStore } = useNuxtApp();
 const val = computed({
   get() {
     return $stores[props.type].filters[props.name]?.value;
   },
   set(value) {
-    rootStore.updateFilter(props.name, value, props.type);
+    $rootStore.updateFilter(props.name, value, props.type);
   }
 });
 </script>

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

@@ -0,0 +1,11 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    name?: any;
+    type?: any;
+    items?: any;
+    $props: {
+        readonly name?: any;
+        readonly type?: any;
+        readonly items?: any;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,11 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    name?: any;
+    type?: any;
+    items?: any;
+    $props: {
+        readonly name?: any;
+        readonly type?: any;
+        readonly items?: any;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -35,14 +35,12 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
-import { useRootStore } from "../../../stores/root";
 import { capitalize } from "../../../composables/useUtils";
 import { useNuxtApp, onMounted, resolveComponent, useI18n } from "#imports";
 const { smAndDown } = useDisplay();
 const i18n = useI18n();
 const { locale, messages } = useI18n();
-const { $stores } = useNuxtApp();
-const rootStore = useRootStore();
+const { $stores, $rootStore } = useNuxtApp();
 const props = defineProps(["type", "expanded"]);
 const ComponentName = (name) => {
   return resolveComponent(
@@ -65,7 +63,7 @@ const getItems = (name) => {
   }));
 };
 onMounted(() => {
-  rootStore.loadRouteQuery(props.type);
+  $rootStore.loadRouteQuery(props.type);
 });
 const computeVisibility = (filterItem) => {
   return (

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

@@ -0,0 +1,9 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    type?: any;
+    expanded?: any;
+    $props: {
+        readonly type?: any;
+        readonly expanded?: any;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -2,7 +2,7 @@
   <v-row no-gutters>
     <v-col cols="12">
       <!--    <v-btn
-        v-if="rootStore.addBtn"
+        v-if="$rootStore.addBtn"
         x-large
         :height="mdAndUp ? '56' : '40'"
         outlined

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

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    type: string;
+    $props: {
+        readonly type?: string | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -78,10 +78,9 @@
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root";
 import { useRoute, computed, watch } from "#imports";
+const { $rootStore } = useNuxtApp();
 const route = useRoute();
-const rootStore = useRootStore();
 const props = defineProps({
   totalPages: {
     type: Number,
@@ -177,7 +176,7 @@ const createGap = (pageIndex) => {
   };
 };
 const updatePage = (page) => {
-  rootStore.updatePage({ page, type: props.type });
+  $rootStore.updatePage({ page, type: props.type });
 };
 const getGapPage = (index) => {
   return Math.floor(

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

@@ -0,0 +1,17 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    type: string;
+    totalPages: number;
+    currentPage: number;
+    pagePadding: number;
+    pageGap: number;
+    hidePrevNext: boolean;
+    $props: {
+        readonly type?: string | undefined;
+        readonly totalPages?: number | undefined;
+        readonly currentPage?: number | undefined;
+        readonly pagePadding?: number | undefined;
+        readonly pageGap?: number | undefined;
+        readonly hidePrevNext?: boolean | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -25,12 +25,10 @@
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root";
 import { capitalize } from "../../../composables/useUtils";
 import { useNuxtApp, useI18n, resolveComponent, computed } from "#imports";
-const { $stores } = useNuxtApp();
+const { $stores, $rootStore } = useNuxtApp();
 const { locale } = useI18n();
-const rootStore = useRootStore();
 const props = defineProps({
   addBtn: {
     type: Boolean,
@@ -78,7 +76,7 @@ const numberOfPages = computed(() => $stores[props.type].numberOfPages);
 const page = computed(() => +$stores[props.type].page);
 const items = computed(() => $stores[props.type].items);
 try {
-  await rootStore.update(props.type, locale.value);
+  await $rootStore.update(props.type, locale.value);
 } catch (error) {
   console.log("error fetching update list: ", error);
 }