@ozdao/martyrs 0.2.545 → 0.2.547

package/dist/martyrs/src/modules/spots/components/pages/SpotEdit.vue.cjs

@@ -3,15 +3,15 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const UploadImage = require("../../../../components/UploadImage/UploadImage.vue2.cjs");
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 ;/* empty css                                   */
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue2.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const Address = require("../../../../components/Address/Address.vue.cjs");
 const LocationMarker = require("../../../../components/LocationMarker/LocationMarker.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-;/* empty css                                       */
+const Button = require("../../../../components/Button/Button.vue.cjs");
+;/* empty css                                        */
 const WorktimeEdit = require("../sections/WorktimeEdit.vue.cjs");
 const spots = require("../../store/spots.cjs");
 const _hoisted_1 = { class: "for-transition w-100 cols-1 pd-thin gap-thin" };

package/dist/martyrs/src/modules/spots/components/pages/SpotEdit.vue.js

@@ -1,15 +1,15 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, toDisplayString, unref, createTextVNode, Fragment, renderList } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import UploadImage from "../../../../components/UploadImage/UploadImage.vue2.js";
+import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                 */
-import Field from "../../../../components/Field/Field.vue2.js";
+import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue2.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$4 from "../../../../components/Address/Address.vue.js";
 import _sfc_main$5 from "../../../../components/LocationMarker/LocationMarker.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-/* empty css                                     */
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+/* empty css                                      */
 import WorktimeEdit from "../sections/WorktimeEdit.vue.js";
 import { actions, state } from "../../store/spots.js";
 const _hoisted_1 = { class: "for-transition w-100 cols-1 pd-thin gap-thin" };

package/dist/martyrs/src/modules/spots/components/pages/Spots.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Feed = require("../../../../components/Feed/Feed.vue2.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardSpot = require("../blocks/CardSpot.vue.cjs");
 const IconPlus = require("../../../icons/navigation/IconPlus.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

package/dist/martyrs/src/modules/spots/components/pages/Spots.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, unref, createVNode, Fragment, renderList, toDisplayString, withCtx, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$2 from "../../../../components/Feed/Feed.vue2.js";
+import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import CardSpot from "../blocks/CardSpot.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconPlus.vue.js";
 import { state } from "../../../auth/views/store/auth.js";

package/dist/martyrs/src/modules/spots/components/sections/WorktimeEdit.vue.cjs

@@ -2,11 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue2.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 ;/* empty css                    */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "working-hours-editor w-100" };

package/dist/martyrs/src/modules/spots/components/sections/WorktimeEdit.vue.js

@@ -1,10 +1,10 @@
 import { mergeModels, useModel, ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode, Fragment, renderList, normalizeClass, createCommentVNode, createBlock } from "vue";
 import { useI18n } from "vue-i18n";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-import Field from "../../../../components/Field/Field.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue2.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 /* empty css                  */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "working-hours-editor w-100" };

package/dist/martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const wallet = require("../../localization/wallet.json.cjs");
-const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../../components/Field/Field.vue.cjs");
 const vueI18n = require("vue-i18n");
 const _hoisted_1 = { class: "bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between" };
 const _sfc_main = {

package/dist/martyrs/src/modules/wallet/views/components/blocks/CardDeposit.vue.js

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, Fragment, createElementVNode, createVNode, unref, toDisplayString } from "vue";
 import text from "../../localization/wallet.json.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = { class: "bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between" };
 const _sfc_main = {

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.cjs

@@ -5,7 +5,7 @@ const vueI18n = require("vue-i18n");
 const bignumber = require("../../../../../../node_modules/.pnpm/bignumber.js@9.2.1/node_modules/bignumber.js/bignumber.cjs");
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
-const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../../components/Select/Select.vue2.cjs");
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };

package/dist/martyrs/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js

@@ -3,7 +3,7 @@ import { useI18n } from "vue-i18n";
 import { BigNumber } from "../../../../../../node_modules/.pnpm/bignumber.js@9.2.1/node_modules/bignumber.js/bignumber.js";
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 import Select from "../../../../../components/Select/Select.vue2.js";
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };

package/dist/martyrs/src/modules/wallet/views/components/pages/Payments.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const SectionPageTitle = require("../../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
-const Feed = require("../../../../../components/Feed/Feed.vue2.cjs");
+const Feed = require("../../../../../components/Feed/Feed.vue.cjs");
 const payments_store = require("../../store/payments.store.cjs");
 ;/* empty css                */
 const _hoisted_1 = { class: "pd-thin" };

package/dist/martyrs/src/modules/wallet/views/components/pages/Payments.vue.js

@@ -1,7 +1,7 @@
 import { ref, createElementBlock, openBlock, createVNode, unref, withCtx, Fragment, renderList, toDisplayString } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../globals/views/components/sections/SectionPageTitle.vue.js";
-import _sfc_main$2 from "../../../../../components/Feed/Feed.vue2.js";
+import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
 import { actions } from "../../store/payments.store.js";
 /* empty css              */
 const _hoisted_1 = { class: "pd-thin" };

package/dist/martyrs/src/modules/wallet/views/components/pages/Wallet.vue.cjs

@@ -5,8 +5,8 @@ const vueI18n = require("vue-i18n");
 const Web3 = require("web3");
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
-const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 require("vue-router");
 ;/* empty css                                              */
 ;/* empty css                                                */

package/dist/martyrs/src/modules/wallet/views/components/pages/Wallet.vue.js

@@ -3,8 +3,8 @@ import { useI18n } from "vue-i18n";
 import Web3 from "web3";
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
-import _sfc_main$3 from "../../../../../components/Popup/Popup.vue2.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import "vue-router";
 /* empty css                                            */
 /* empty css                                              */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.545",
+  "version": "0.2.547",
   "description": "Fullstack framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/modules/globals/TASK.MD

@@ -1,105 +1,12 @@
-# Проблема с отображением лоадера при загрузке модулей
+Переиименовать все в менеджеры - storeMaganer, wsManager, moduleManager и сделать одинаковый экспорт и имена ws.manager.js, store.manager.js, module.manager.js, i18n.manager.js
 
-## Описание проблемы
-При переходе на роут, который требует загрузки нового модуля:
-1. После клика на ссылку UI полностью блокируется
-2. Начинается загрузка модуля (2-3 секунды)
-3. Лоадер показывается только ПОСЛЕ загрузки модуля на мгновение
-4. Затем происходит переход на новый роут
+ну и в целом в store.js все сделать как это менеджер сторов названия
 
-**Ожидаемое поведение:** Лоадер должен показываться СРАЗУ после клика, до начала загрузки модулей.
+import store from './views/classes/store.js';
+import websockets from './views/classes/globals.websocket.js';
+import { i18nManager }  from '@martyrs/src/modules/globals/views/classes/globals.i18n.js';
+import { moduleRegistry } from './views/classes/module-registry.js';
 
-## Технические детали
-
-### Архитектура загрузки модулей
-- **Файл:** `globals.app.js:89-119`
-- Модули загружаются динамически в `router.beforeEach` guard
-- Модули регистрируют роуты через `router.addRoute()` после загрузки
-- После загрузки возвращается `to.fullPath` для повторной навигации
-
-### Условие показа лоадера
-- **Файл:** `Client.vue:16`
-- Условие: `v-if="!page || globals.state.loading"`
-- `page` - ref на текущий компонент страницы
-- `globals.state.loading` - глобальный флаг загрузки
-
-## Корень проблемы
-Vue Router `beforeEach` guard блокирует все обновления DOM до своего завершения:
-- Guards выполняются синхронно и блокируют навигацию
-- Vue не может обновить DOM пока `beforeEach` не завершится
-- Даже установка `globals.state.loading = true` не приводит к рендерингу
-
-**Подтверждение из документации Vue Router:**
-> "Guards may be resolved asynchronously, and the navigation is considered pending before all hooks have been resolved"
-
-**GitHub issue vuejs/vue #9200:**
-> "Vue.nextTick doesn't seem to cover browser re-render"
-
-## Что пробовали и не сработало
-
-### 1. nextTick после установки loading флага
-```javascript
-store.globals.state.loading = true;
-await nextTick();
-```
-**Результат:** Не работает, т.к. nextTick работает с микротасками, которые выполняются ДО отрисовки браузером
-
-### 2. requestAnimationFrame
-```javascript
-store.globals.state.loading = true;
-await new Promise(resolve => requestAnimationFrame(resolve));
-```
-**Результат:** Не работает, beforeEach все равно блокирует рендеринг
-
-### 3. setTimeout с return false
-```javascript
-setTimeout(async () => {
-  // загрузка модулей
-  router.push(to.fullPath);
-}, 0);
-return false;
-```
-**Результат:** Приводит к 404, т.к. роуты еще не зарегистрированы
-
-### 4. Watch на route.path в Client.vue
-```javascript
-watch(() => route.path, () => {
-  page.value = null;
-});
-```
-**Результат:** Не работает, т.к. route.path меняется только ПОСЛЕ завершения beforeEach
-
-### 5. Свой beforeEach в Client.vue
-```javascript
-router.beforeEach((to, from) => {
-  page.value = null;
-});
-```
-**Результат:** Не работает, все beforeEach выполняются синхронно и блокируют рендеринг
-
-### 6. Создание DOM элемента напрямую
-```javascript
-const loader = document.createElement('div');
-document.body.appendChild(loader);
-```
-**Результат:** Работает, но это хак, обходящий Vue реактивность
-
-## Ограничения
-1. **Нельзя загружать модули после навигации** - модули регистрируют роуты, без них будет 404
-2. **Нельзя загружать модули вне beforeEach** - нужно гарантировать загрузку ДО навигации
-3. **return to.fullPath необходим** - для повторной навигации с новыми роутами
-
-## Возможные решения
-
-### 1. Использовать HTML лоадер (не Vue компонент)
-Добавить лоадер прямо в index.html, показывать/скрывать через классы
-
-### 2. Изменить архитектуру загрузки
-- Предзагружать все возможные роуты
-- Использовать другой подход к динамической регистрации
-
-### 3. Использовать Web Workers
-Загружать модули в воркере, но это потребует полного рефакторинга
-
-## Вывод
-Проблема фундаментальная: Vue Router beforeEach блокирует рендеринг, а мы обязаны загружать модули именно там из-за динамической регистрации роутов. Единственное рабочее решение - создавать лоадер в обход Vue (прямой DOM манипуляцией).
+сюда же потом пойдет
+-нотификейшен менеджер
+-алерт менеджер

package/src/modules/globals/views/components/partials/Footer.vue

@@ -39,108 +39,8 @@ const props = defineProps({
 const router = useRouter()
 const route = useRoute()
 
-// Localization
-const text = {
-  locale: 'en',
-  messages: {
-    en: {
-      linkAppStore: 'https://play.google.com/store/apps/details?id=com.threestepsrental.app',
-      linkGooglePlay: 'https://play.google.com/store/apps/details?id=com.threestepsrental.app',
-      // Contact
-      description: "3SR – Premium Video Gear Rentals for Filmmakers and Content Creators",
-      contact: 'Contact',
-      phone: 'Phone / WhatsApp',
-      email: 'Email',
-      hours: 'Hours',
-      hours_text: 'Mon–Sun, 10:00–19:00',
-      app: 'Get Our App',
-      
-      // Subscribe
-      subscribe: 'Subscribe',
-      subscribe_text: 'Get updates on new equipment and special offers',
-      email_placeholder: 'Enter your email',
-      follow: 'Follow Us',
-      
-      // Footer
-      year: '2025 ',
-      heart: "❤",
-      copyright: 'Three Steps Studio Ltd. All Rights Reserved.',
-      ozdao: 'Builded in OZ DAO',
-      
-      // Contact info
-      phoneNumber: '+44 77 7878 4893',
-      emailAddress: "info{'@'}3stepsprod.com",
-      
-      // Navigation columns
-      navigationColumns: [
-        {
-          sections: [
-            {
-              title: 'Equipment',
-              items: [
-                { name: 'Cameras', url: 'products/categories/cameras' },
-                { name: 'Lighting', url: 'products/categories/lighting-kits' },
-                { name: 'Stabilizers', url: 'products/categories/stabilization-motion' },
-                { name: 'Accessories', url: 'products/categories/accessories' }
-              ]
-            },
-            {
-              title: 'Services',
-              items: [
-                { name: 'Kits & Packages', url: 'products/categories/kits-packages' },
-                { name: 'Studio Hire', url: 'products/categories/studio-hire' },
-                { name: 'Delivery', url: 'products/categories/delivery' },
-                { name: 'Production Help', url: 'products/categories/production-help' }
-              ]
-            }
-          ]
-        },
-        {
-          sections: [
-            {
-              title: 'Company',
-              items: [
-                { name: 'About Us', url: 'pages/about' },
-                { name: 'Contact', url: 'pages/contact' },
-                { name: 'FAQ', url: 'pages/faq' },
-                { name: 'Blog', url: '/community' }
-              ]
-            },
-            {
-              title: 'Legal',
-              items: [
-                { name: 'Privacy Policy', url: 'pages/privacy-policy' },
-                { name: 'Cookie Policy', url: 'pages/cookie-policy' },
-                { name: 'Terms of Use', url: 'pages/terms-of-use' },
-                { name: 'EULA', url: 'pages/eula' }
-              ]
-            }
-          ]
-        }
-      ],
-      
-      // Social links
-      socialLinks: [
-        { 
-          name: 'IconInstagram',
-          url: 'https://www.instagram.com/3stepsprod'
-        },
-        { 
-          name: 'IconYoutube',
-          url: 'https://www.youtube.com/@threestepsproduction'
-        },
-        { 
-          name: 'IconWhatsapp',
-          url: 'https://api.whatsapp.com/send/?phone=447778784893&text&type=phone_number&app_absent=0'
-        }
-      ]
-    }
-  }
-}
-
 const { t, te, tm } = useI18n({
-  useScope: 'global',
-  messages: text.messages
+  useScope: 'global'
 })
 
 // Component mapping for social icons
@@ -178,61 +78,61 @@ const iconComponents = {
         
         <!-- Contact Block -->
         <div class="col w-max-15r">
-          <p class="p-semi t-medium mn-b-semi">{{ t('description') }}</p>
+          <p class="p-semi t-medium mn-b-semi">{{ t('footer.description') }}</p>
           
           <div class="mn-b-semi flex flex-column gap-small">
             <a 
-              :href="`tel:${t('phoneNumber').replace(/\s/g, '')}`" 
+              :href="`tel:${t('footer.phoneNumber').replace(/\s/g, '')}`" 
               class="flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70"
               :class="theme === 'light' ? 't-black' : 't-white'"
             >
               <IconPhone class="i-regular" :fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'" />
-              <span class="t-small">{{ t('phoneNumber') }}</span>
+              <span class="t-small">{{ t('footer.phoneNumber') }}</span>
             </a>
             
             <a 
-              :href="`mailto:${t('emailAddress')}`" 
+              :href="`mailto:${t('footer.emailAddress')}`" 
               class="flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70"
               :class="theme === 'light' ? 't-black' : 't-white'"
             >
               <IconEmail class="i-regular" :fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'" />
-              <span class="t-small">{{ t('emailAddress') }}</span>
+              <span class="t-small">{{ t('footer.emailAddress') }}</span>
             </a>
             
             <div class="flex mn-b-micro gap-micro flex-v-center">
               <IconTime class="i-regular" :fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'" />
-              <span class="t-small">{{ t('hours_text') }}</span>
+              <span class="t-small">{{ t('footer.hours_text') }}</span>
             </div>
           </div>
 
-          <h4 class="h5 t-medium mn-b-regular">{{ t('app') }}</h4>
+          <h4 class="h5 t-medium mn-b-regular">{{ t('footer.app') }}</h4>
           <div class="w-100 flex-nowrap flex gap-thin">
             <a 
-              v-if="te('linkAppStore') || te('label')"
-              :href="te('linkAppStore') ? t('linkAppStore') : null" 
-              :target="te('linkAppStore') ? '_blank' : null" 
+              v-if="te('footer.linkAppStore') || te('footer.label')"
+              :href="te('footer.linkAppStore') ? t('footer.linkAppStore') : null" 
+              :target="te('footer.linkAppStore') ? '_blank' : null" 
               class="pos-relative w-100 h-100"
             > 
               <span 
-                v-if="te('label')"
+                v-if="te('footer.label')"
                 class="z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
               >
-                {{ t('label') }}
+                {{ t('footer.label') }}
               </span>
               <LabelAppStore class="w-100 h-max" alt="Download on App Store"/>
             </a>
 
             <a 
-              v-if="te('linkGooglePlay') || te('label')"
-              :href="te('linkGooglePlay') ? t('linkGooglePlay') : null" 
-              :target="te('linkGooglePlay') ? '_blank' : null" 
+              v-if="te('footer.linkGooglePlay') || te('footer.label')"
+              :href="te('footer.linkGooglePlay') ? t('footer.linkGooglePlay') : null" 
+              :target="te('footer.linkGooglePlay') ? '_blank' : null" 
               class="pos-relative w-100 h-100"
             > 
               <span 
-                v-if="te('label')"
+                v-if="te('footer.label')"
                 class="z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
               >
-                {{ t('label') }}
+                {{ t('footer.label') }}
               </span>
               <LabelGooglePlay class="w-100 h-max" alt="Download on Google Play"/>
             </a>
@@ -241,7 +141,7 @@ const iconComponents = {
 
         <!-- Navigation Columns -->
         <div class="cols-2 gap-big">
-          <div v-for="(column, colIndex) in tm('navigationColumns')" :key="colIndex" class="flex flex-column gap-medium">
+          <div v-for="(column, colIndex) in tm('footer.navigationColumns')" :key="colIndex" class="flex flex-column gap-medium">
             <div v-for="(section, sectionIndex) in column.sections" :key="sectionIndex" class="">
               <h4 class="h5 t-medium mn-b-regular">{{ section.title }}</h4>
               <nav>
@@ -263,8 +163,8 @@ const iconComponents = {
 
         <!-- Subscribe Block -->
         <div class="col">
-          <h4 class="h5 t-medium mn-b-regular">{{ t('subscribe') }}</h4>
-          <p class="t-small mn-b-small t-transp">{{ t('subscribe_text') }}</p>
+          <h4 class="h5 t-medium mn-b-regular">{{ t('footer.subscribe') }}</h4>
+          <p class="t-small mn-b-small t-transp">{{ t('footer.subscribe_text') }}</p>
           
           <FieldSubscribeNewsletter
             :action="''"
@@ -273,11 +173,11 @@ const iconComponents = {
             class="d-inline-flex mn-b-medium bg-light t-black w-100"
           />
 
-          <h4 class="h5 t-medium mn-b-regular">{{ t('follow') }}</h4>
+          <h4 class="h5 t-medium mn-b-regular">{{ t('footer.follow') }}</h4>
           <!-- Social Links -->
           <div class="flex gap-thin">
             <a 
-              v-for="social in tm('socialLinks')"
+              v-for="social in tm('footer.socialLinks')"
               :key="social.name"
               :href="social.url" 
               target="_blank"
@@ -321,14 +221,14 @@ const iconComponents = {
     >
       <!-- Copyright -->
       <p class="t-small t-medium uppercase">
-        {{ t('year') }} 
-        <span class="t-main copyleft">{{ t('heart') }}</span> 
-        {{ t('copyright') }} 
+        {{ t('footer.year') }} 
+        <span class="t-main copyleft">{{ t('footer.heart') }}</span> 
+        {{ t('footer.copyright') }} 
       </p>
 
       <a href="https://ozdao.dev" target="_blank" rel="noopener" class="flex-nowrap flex-v-center flex t-medium gap-thin br-1px br-light pd-thin radius-thin">
         <Logotype class="h-1r w-auto"/>
-        <span>{{ t('ozdao') }}</span>
+        <span>{{ t('footer.ozdao') }}</span>
       </a>
     </div>
   </footer>

package/src/modules/notifications/router/notifications.router.js

@@ -3,7 +3,7 @@ import Notifications from '../components/pages/Notifications.vue';
 import NotificationPreferences from '../components/sections/NotificationPreferences.vue';
 
 const nofitications = {
-  path: 'notifications',
+  path: '/notifications',
   component: NotificationsLayout,
   children: [
     {

package/dist/martyrs/src/components/Button/Button.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.vue2.cjs","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  submit: {\n    type: Function,\n    default: async () => { console.log('Button click.') }\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      success: null,\n      error: null\n    })\n  },\n  counter: {\n    type: Object\n  },\n  callback: {\n    type: Function,\n    default: async () => { console.log('Button callback.') }\n  },\n  callbackDelay: {\n    type: Number,\n    default: 750\n  },\n  showSucces: {\n    type: Boolean,\n    default: true\n  },\n  showLoader: {\n    type: Boolean,\n    default: true\n  },\n  validation: {\n    type: Boolean,\n    default: false\n  },\n})\n\nconst emits = defineEmits(['error'])\n\nconst button = ref(null)\nconst error = ref(null)\nconst loading = ref(false)\nconst finished = ref(false)\n\nasync function Submit() {\n  console.log('click')\n  \n  button.value.style['pointer-events'] = 'none'\n  error.value = null\n  loading.value = true\n\n  // Функция для сброса состояния кнопки\n  const resetButton = () => {\n    if (button.value) {\n      button.value.style.pointerEvents = 'auto'\n      loading.value = false\n      finished.value = false\n      error.value = null\n    }\n  }\n\n  try {\n    await props.submit()\n\n    button.value.classList.replace('bg-main', 'bg-second')\n    loading.value = false\n\n    // Используем функцию сброса состояния кнопки здесь\n    if (props.showSucces) { \n      finished.value = true\n      setTimeout(() => {\n        resetButton()\n        button.value.classList.replace('bg-second', 'bg-main')\n      }, 500)\n    } else {\n      resetButton()\n      button.value.classList.replace('bg-second', 'bg-main')\n    }\n\n    // Если есть callback, мы также установим таймер для его вызова\n    if (props.callback) setTimeout(() => props.callback(), props.callbackDelay)\n\n  } catch (err) {\n    emits('error', err)\n    // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке\n    button.value.classList.replace('bg-main', 'bg-fourth-nano')\n    loading.value = false\n    error.value = true\n    \n    // После задержки снова сбрасываем состояние кнопки\n    setTimeout(() => {\n      resetButton()\n      // Так как класс кнопки был изменен, вернем его в исходное состояние\n      button.value.classList.replace('bg-fourth-nano', 'bg-main')\n    }, 1330)\n  }\n}\n</script>\n\n<template>\n  <button \n    @click.stop=\"Submit\"\n    :disabled=\"validation\"\n    ref=\"button\"\n\t\tclass=\"button\"\n    :class=\"{ 'button--disabled': loading || validation }\"\n  >\n    <Transition name=\"content\" mode=\"out-in\">\n      <!-- Default slot content -->\n      <span v-if=\"!loading && !error && !finished || !showLoader\" class=\"button-content\">\n        <slot></slot>\n      </span>\n      <!-- Loading state -->\n      <Loader v-else-if=\"loading && !error && showLoader\"   class=\"icon button-content pos-relative pos-t-0 pos-l-0 loading\"/>\n      <!-- Success state -->\n      <span v-else-if=\"finished && showSucces\" class=\"button-content t-semi t-center w-100 loading t-black\">\n        <template v-if=\"text.success\">\n          {{ text.success }}\n        </template>\n        <IconCheckmark v-else class=\"icon\" />\n      </span>\n      <!-- Error state -->\n      <span v-else-if=\"error\" class=\"button-content t-center w-100 error\">\n        <template v-if=\"text.error\">\n          {{ text.error }}\n        </template>\n        <IconCross v-else class=\"icon\" />\n      </span>\n    </Transition>\n    \n    <!-- Counter -->\n    <div v-if=\"counter\" class=\"button-counter flex flex-center\">\n      <span>{{ counter }}</span>\n    </div>\n  </button>\n</template>\n\n<style lang=\"scss\">\nbutton[disabled] {\n  opacity: 0.75 !important;\n  pointer-events: none !important;\n  cursor: default !important;\n  color: rgba(var(--dark), 0.33) !important;\n  background: rgba(var(--light), 1) !important;\n}\n\na.button {\n  text-box: trim-both cap alphabetic;\n}\n\n.button {\n  display: flex;\n  padding: var(--small);\n  border-radius: var(--small);\n  text-box: trim-both cap alphabetic;\n  transform: scale(1);\n  opacity: 1;\n  align-items: center;\n  justify-content: center;\n  color: black;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: 1rem;\n  letter-spacing: 5%;\n  transition: all 0.33s ease;\n\n  &:hover {\n    cursor: pointer;\n    opacity: 0.9;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  &-small {\n    padding: 0.75rem;\n    border-radius: 0.5rem;\n    height: fit-content;\n  }\n\n  .button-counter {\n    position: absolute;\n    right: -8px;\n    bottom: -8px;\n    background: yellow;\n    height: 16px;\n    border-radius: 16px;\n    width: 16px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 16px;\n    font-size: 10px;\n  }\n}\n\n.button-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.icon {\n  width: 1rem;\n  height: 1rem;\n}\n\n/* Vue Transitions */\n.content-enter-active,\n.content-leave-active {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.content-enter-from {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n}\n\n.content-leave-to {\n  opacity: 0;\n  transform: translateY(-8px) scale(0.95);\n}\n\n.content-enter-to,\n.content-leave-from {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAqCd,UAAM,QAAQ;AAEd,UAAM,SAASA,IAAAA,IAAI,IAAI;AACvB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,UAAUA,IAAAA,IAAI,KAAK;AACzB,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEnB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACxB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAEA,UAAI;AACF,cAAM,MAAM,OAAM;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AACrD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACpB,mBAAS,QAAQ;AACjB,qBAAW,MAAM;AACf,wBAAW;AACX,mBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,UACvD,GAAG,GAAG;AAAA,QACR,OAAO;AACL,sBAAW;AACX,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,QACvD;AAGA,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAQ,GAAI,MAAM,aAAa;AAAA,MAE5E,SAAS,KAAK;AACZ,cAAM,SAAS,GAAG;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,gBAAQ,QAAQ;AAChB,cAAM,QAAQ;AAGd,mBAAW,MAAM;AACf,sBAAW;AAEX,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC5D,GAAG,IAAI;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Feed/Feed.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Feed.vue2.cjs","sources":["../../../../../src/components/Feed/Feed.vue"],"sourcesContent":["<template>\n  <div v-if=\"search || date || (sort && !sort.hideButton)\" style=\"transform: scale(1);\" class=\"mn-b-thin pos-relative z-index-2 pos-relative flex-nowrap flex gap-thin\">\n\n    <BlockSearch \n      v-if=\"search\"\n      :placeholder=\"search.placeholder || 'Search...'\"\n      :class=\"search.class || 'bg-light'\"\n      @search=\"updateSearch\"\n      :autofocus=\"search.autofocus\"\n    />\n\n    <FiltersBar\n      v-if=\"filter\"\n      v-model=\"filter.selected\"\n      :filters=\"filterConfig\"\n      :class=\"filter.class || 'mobile-only'\"\n    />\n\n    <Dropdown \n      v-if=\"date\"\n      :label=\"{\n        component: ButtonDate,\n        props: { date: date }\n      }\" \n      :class=\"date.class || 'bg-light'\"\n      class=\"flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-medium\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"true\"\n        class=\"radius-medium w-100 o-hidden bg-light\"\n      />\n    </Dropdown> \n\n    <Dropdown \n      v-if=\"sort && !sort.hideButton\"\n      :label=\"{\n        component: ButtonSort,\n        props: { order: sort.order },\n        class: 'w-1r'\n      }\" \n      :class=\"sort.class || 'bg-light'\"\n      class=\"radius-medium aspect-1x1 h-100\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <BlockSorting\n        v-model:param=\"sort.param\"\n        v-model:order=\"sort.order\"\n        :options=\"sort.options\"\n        class=\"h-100 pd-small radius-medium t-white bg-black\"\n      />\n    </Dropdown> \n\n    <!-- Actions -->\n    <template\n      v-if=\"actions.length\"\n    >\n      <template v-for=\"action in actions\" :key=\"action.key\">\n        <div \n        :class=\"action.class || 'bg-light'\"\n        class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n      >\n        <component\n          :is=\"action.component\"\n          @click=\"action.handler\"\n          class=\"w-1r h-auto\"\n        >\n        </component>\n\n      </div>\n      </template>\n    </template>\n  </div>\n\n  <TransitionGroup \n    v-if=\"isLoading && !keepSlotVisible\"\n    tag=\"ul\" \n    name=\"scaleTransition\" \n    class=\"pos-relative z-index-1\"\n   :class=\"$attrs.class\"\n  >\n    <Skeleton\n      v-if=\"isLoading && !skeleton?.hide\"\n      v-for=\"i in currentLimit\" \n      :structure=\"skeleton.structure\"\n      :horizontal=\"skeleton.horizontal\"\n      :loading=\"skeleton.apply_to_slot\"\n      :key=\"'skeleton-' + i\"\n      :class=\"replaceClasses('radius-medium bg-light pd-thin flex-child-default o-hidden d-block', skeleton.class)\"\n    />\n    <Loader v-if=\"isLoading && skeleton?.hide\"/>\n  </TransitionGroup>\n\n  <TransitionGroup \n    tag=\"ul\" \n    v-else-if=\"itemsList.length < 1\"\n    name=\"feed\"\n  >\n    <EmptyState\n      v-if=\"!isLoading && itemsList.length < 1\"\n      :title=\"states.empty.title\"\n      :description=\"states.empty.description\"\n      :action=\"states.empty.action\"\n      :callback=\"states.empty.callback\"\n      :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n    />\n   </TransitionGroup>\n\n  <TransitionGroup \n    v-else-if=\"!keepSlotVisible || !isLoading\"\n    tag=\"ul\" \n    name=\"feed\"\n    :class=\"$attrs.class\"\n  >\n    <slot\n      :items=\"itemsList\"\n    >\n    </slot>\n  </TransitionGroup>\n\n  <!-- Slot visible with overlay loader -->\n  <div v-else class=\"pos-relative\">\n    <TransitionGroup \n      tag=\"ul\" \n      name=\"feed\"\n      :class=\"$attrs.class\"\n    >\n      <slot\n        :items=\"itemsList\"\n      >\n      </slot>\n    </TransitionGroup>\n    \n    <!-- Overlay loader -->\n    <div \n      v-if=\"isLoading && keepSlotVisible\"\n      class=\"pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center bg-white-transp-90 z-index-10\"\n    >\n      <Loader />\n    </div>\n  </div>\n\n  <button\n    v-if=\"showLoadMore && hasMoreItems && itemsList.length > 0 && !isLoadingExtra\"\n    @click=\"loadMoreItems\"\n    class=\"col-w-100 mn-t-thin w-100 t-black bg-main button\"\n  >\n    Load More\n  </button>\n\n  <div v-else key=\"sentinel\" ref=\"sentinel\" class=\"sentinel\"></div> \n\n  <div\n    v-if=\"isLoadingExtra\"\n    class=\"col-w-100 w-100 pos-relative\"\n  >\n    <Loader/>\n  </div>\n \n\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport BottomSheet from '@martyrs/src/components/BottomSheet/BottomSheet.vue';\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\nimport BlockSorting  from '@martyrs/src/modules/globals/views/components/blocks/BlockSorting.vue'\n\nimport FiltersBar from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'\n\nimport ButtonSort  from '@martyrs/src/modules/globals/views/components/elements/ButtonSort.vue'\nimport ButtonDate  from '@martyrs/src/modules/globals/views/components/elements/ButtonDate.vue'\n\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\n\nconst { replaceClasses } = useGlobalMixins();\n\nconst search = defineModel('search')\nconst sort = defineModel('sort')\nconst filter = defineModel('filter')\nconst date = defineModel('date')\nconst items = defineModel('items')\n\n// Внутреннее хранилище для случая, когда v-model:items не передан\nconst internalItems = ref([])\n\n// Элегантное решение через computed\nconst itemsList = computed({\n  get: () => items.value ?? internalItems.value,\n  set: (val) => {\n    if (items.value !== undefined) {\n      items.value = val\n    } else {\n      internalItems.value = val\n    }\n  }\n})\n\nconst filterConfig = computed(() => {\n  if (!filter.value?.options) return []\n  \n  return filter.value.options.map(opt => ({\n    key: opt.value,\n    title: opt.title,\n    type: 'options',\n    options: opt.options || [],\n    defaultValue: null\n  }))\n})\n\n// Пропсы\nconst props = defineProps({\n  showLoadMore: {\n    type: Boolean,\n    default: true\n  },\n  LoadMore: {\n    type: Boolean,\n    default: true\n  },\n  search: {\n    type: [Boolean, Object],\n    default: false\n  },\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'Nothing found',\n        description: 'Sorry, nothing found',\n      },\n    }),\n  },\n  actions: {\n    type: Array,\n    default: () => []\n  },\n  skeleton: {\n    type: Object,\n    default: () => ({\n      hide: false,\n      horizontal: false,\n      structure: [\n        { block: 'text', size: 'medium' },\n        { block: 'text', size: 'large' },\n        { block: 'button', size: 'small' }\n      ]\n    }),\n   \n  },\n  store: {\n    type: Object,\n    default: () => ({\n      read: Function,\n      state: Object,\n    }),\n  },\n  external: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      category: null,\n      limit: 10, \n      skip: 0 ,\n      owner:  null,\n      creator:  null,\n      customer:  null,\n      user:  null,\n      status: null,\n      period:  null,\n      contain:  null,\n    }),\n  },\n  keepSlotVisible: {\n    type: Boolean,\n    default: false\n  },\n});\n  \nconst hasMoreItems = ref(false);\n\nlet isLoading = ref(true);\nlet isLoadingExtra = ref(false);\nlet sentinel = ref(null)\n\nlet currentSkip = ref(props.options.skip ? props.options.skip : 0);\nlet currentLimit = ref(props.options.limit ? props.options.limit : 10);\n\nlet currentSearch = ref('');\nlet isSearching = ref(false);\n\nlet requestId = 0;\n\nfunction debounce(fn, delay) {\n  let timeoutId = null;\n  return (...args) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\nconst debouncedSearch = debounce((value) => {\n  isSearching.value = true;\n  currentSearch.value = value;\n  currentSkip.value = 0;\n  currentLimit.value = 10;\n  fetchItems();\n}, 500);\n\nfunction updateSearch(search) {\n  debouncedSearch(search);\n}\n\nconst removeNullValues = (obj) => {\n  return Object.fromEntries(\n    Object.entries(obj).filter(([_, value]) => value != null)\n  );\n};\n\nconst loadMoreItems = async () => {\n  if (!hasMoreItems.value || isLoadingExtra.value) {\n    return;\n  }\n  \n  isLoadingExtra.value = true;\n  \n  const currentRequestId = ++requestId;\n\n  currentSkip.value += currentLimit.value;\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = [...itemsList.value, ...data];\n    \n  } catch (error) {\n    console.error('Load more error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoadingExtra.value = false;\n    }\n  }\n};\n\nconst fetchItems = async () => {\n  isLoading.value = true;\n  \n  const currentRequestId = ++requestId;\n  \n  if (isSearching.value) {\n    itemsList.value = [];\n    isSearching.value = false;\n  }\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = data;\n    \n  } catch (error) {\n    console.error('Fetch error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoading.value = false;\n    }\n  }\n};\n\nwatch(\n  [() => props.external, () => date.value, () => ({...sort.value}), () => ({...props.options})],\n  ([newExternal, newDate, newSort, newOptions], [oldExternal, oldDate, oldSort, oldOptions]) => {\n    if (\n      newExternal !== oldExternal ||\n      newDate !== oldDate ||\n      newSort?.order !== oldSort?.order ||\n      newSort?.param !== oldSort?.param ||\n      JSON.stringify(newOptions) !== JSON.stringify(oldOptions)\n    ) {\n      currentSkip.value = 0;\n      fetchItems();\n    }\n  },\n  { deep: true }\n);\n\nlet observer = null\n\nonMounted(async () => {\n  await fetchItems()\n\n  if (typeof window !== 'undefined' && !props.showLoadMore && props.LoadMore) {\n    observer = new IntersectionObserver(entries => {\n      if (entries.some(entry => entry.isIntersecting)) {\n        loadMoreItems()\n      }\n    })\n\n    if (sentinel.value) observer.observe(sentinel.value)\n  }\n});\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect();\n  }\n});\n</script>\n\n<style>\n.feed-move,\n.feed-enter-active,\n.feed-leave-active {\n  transition: all 0.5s ease;\n}\n\n.feed-enter-from,\n.feed-leave-to {\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.feed-leave-active {\n  position: absolute;\n}\n</style>"],"names":["useGlobalMixins","_useModel","ref","computed","search","watch","onMounted","onUnmounted"],"mappings":"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"}