@ozdao/martyrs 0.2.526 → 0.2.528

package/src/modules/landing/components/sections/SectionMobileApp.vue

@@ -1,22 +1,36 @@
 <template>
   <section id="mobileApp" class="cols-2 o-hidden ">
-      <img loading="lazy" 
-        :src="(FILE_SERVER_URL || '') + t('image')" 
-        class="radius-medium w-100 h-100 mobile:h-auto object-fit-cover"
-      >
+      <picture>
+        <source 
+          type="image/webp"
+          :srcset="`${FILE_SERVER_URL || ''}/landing/mockup-400w.webp 400w,
+                   ${FILE_SERVER_URL || ''}/landing/mockup-800w.webp 800w,
+                   ${FILE_SERVER_URL || ''}/landing/mockup-1200w.webp 1200w,
+                   ${FILE_SERVER_URL || ''}/landing/mockup.webp 2028w`"
+          sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px"
+        >
+        <img 
+          loading="lazy" 
+          :src="(FILE_SERVER_URL || '') + t('image')" 
+          :srcset="`${FILE_SERVER_URL || ''}/landing/mockup.jpg 2028w`"
+          sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px"
+          class="radius-medium w-100 h-100 mobile:h-auto object-fit-cover"
+          alt="OZ DAO Mobile App"
+        >
+      </picture>
 
     <div class="pd-big flex flex-h-center flex-column z-index-1 w-1/2">
-      <h2 class="mn-t-medium mn-b-semi w-m-40r">{{ t('title') }}</h2>
-      <p class="t-transp mn-b-big p-semi w-m-33r">{{ t('description') }}</p>
+      <h2 class="mn-t-medium mn-b-medium w-m-40r">{{ t('title') }}</h2>
+      <p class="t-transp mn-b-semi p-semi w-m-33r">{{ t('description') }}</p>
       
-      <div class="mn-b-big gap-medium cols-2">
+      <div v-if="tm('features').length > 0" class="mn-b-semi gap-medium cols-2">
         <div v-for="feature in tm('features')"  class="feature">
           <h4 class="mn-b-small">{{ feature.title }}</h4>
           <p class="t-transp p-medium">{{ feature.text }}</p>
         </div>
       </div>
 
-      <div class="w-100 w-max-30r flex-nowrap flex gap-medium">
+      <div class="w-100 w-max-20r flex-nowrap flex gap-small">
         <a 
            v-if="te('linkAppStore') || te('label')"
           :href="te('linkAppStore') ? t('linkAppStore') : null" 
@@ -25,7 +39,7 @@
         > 
           <span 
             v-if="te('label')"
-            class="z-index-2 radius-medium bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+            class="z-index-2 radius-medium p-small bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
           >
             {{ t('label') }}
           </span>
@@ -40,7 +54,7 @@
         > 
           <span 
             v-if="te('label')"
-            class="z-index-2 pd-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+            class="z-index-2 pd-thin p-small radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
           >
             {{ t('label') }}
           </span>

package/src/modules/landing/components/sections/SubscribeNewsletter.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pos-relative z-index-1">
+  <div class="pos-relative flex-nowrap flex flex-column flex-center z-index-1">
     <header class="d-inline-block z-index-1 mn-b-big">
       <h2 class="mn-b-semi">{{ t('title') }}</h2>
       <p class="t-transp p-semi">{{ t('subtitle') }}</p>

package/src/modules/marketplace/marketplace.client.js

@@ -13,8 +13,8 @@ import SectionMenu from './views/components/sections/SectionMenu.vue';
 // Pages
 import Catalog from './views/components/pages/Catalog.vue';
 
-// Пример функции инициализации для модуля продуктов
-function initializeProducts(app, store, router, options = {}) {
+// Пример функции инициализации для модуля маркетплейса
+function initializeMarketplace(app, store, router, options = {}) {
   const route = options.route || 'Home';
 
   router.addRoute(route, routerMarketplace);
@@ -23,7 +23,7 @@ function initializeProducts(app, store, router, options = {}) {
 }
 
 const ModuleMarketplace = {
-  initialize: initializeProducts,
+  initialize: initializeMarketplace,
   views: {
     store: {
       storeMarketplace,

package/src/modules/music/router/music.js

@@ -1,5 +1,6 @@
-import SidebarMusic from '../components/SidebarMusic.vue';
-import MusicBottomPlayer from '../components/layouts/MusicBottomPlayer.vue';
+// Components loaded dynamically when needed
+const SidebarMusic = () => import(/* webpackChunkName: "music" */ '../components/SidebarMusic.vue');
+const MusicBottomPlayer = () => import(/* webpackChunkName: "music" */ '../components/layouts/MusicBottomPlayer.vue');
 
 
 // router/music.js

package/src/modules/orders/components/blocks/CardOrderItem.vue

@@ -89,7 +89,6 @@
 import { ref, computed, getCurrentInstance } from 'vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import { format } from 'date-fns'
 import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'
 import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'
 import IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue'

package/src/modules/orders/router/orders.router.js

@@ -1,13 +1,10 @@
-import OrderBackoffice from '@martyrs/src/modules/orders/components/pages/OrderBackoffice.vue';
-import OrderCreate from '@martyrs/src/modules/orders/components/pages/OrderCreate.vue';
-import OrderCreateBackoffice from '@martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue';
-import Orders from '@martyrs/src/modules/orders/components/pages/Orders.vue';
+// Use dynamic imports for better code splitting
 
 const ordersRoutes = [
   {
     path: '',
     name: 'OrdersList',
-    component: Orders,
+    component: () => import(/* webpackChunkName: "orders" */ '@martyrs/src/modules/orders/components/pages/Orders.vue'),
     meta: {
       title: {
         en: 'Orders',
@@ -18,7 +15,7 @@ const ordersRoutes = [
   {
     path: 'form',
     name: 'CreateOrder',
-    component: OrderCreate,
+    component: () => import(/* webpackChunkName: "orders" */ '@martyrs/src/modules/orders/components/pages/OrderCreate.vue'),
     meta: {
       title: {
         en: 'Create Order',
@@ -29,7 +26,7 @@ const ordersRoutes = [
   {
     path: 'add',
     name: 'AdminCreateOrder',
-    component: OrderCreateBackoffice,
+    component: () => import(/* webpackChunkName: "orders" */ '@martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue'),
     meta: {
       title: {
         en: 'Add Order',
@@ -40,7 +37,7 @@ const ordersRoutes = [
   {
     path: ':order',
     name: 'Order',
-    component: OrderBackoffice,
+    component: () => import(/* webpackChunkName: "orders" */ '@martyrs/src/modules/orders/components/pages/OrderBackoffice.vue'),
     props: route => ({
       mode: route.matched[0].meta.context === 'backoffice' ? 'edit' : 'view',
     }),
@@ -54,7 +51,7 @@ const ordersRoutes = [
   {
     path: ':order/edit',
     name: 'OrderEdit',
-    component: OrderBackoffice,
+    component: () => import(/* webpackChunkName: "orders" */ '@martyrs/src/modules/orders/components/pages/OrderBackoffice.vue'),
     props: { mode: 'edit' },
     meta: {
       title: {

package/src/modules/organizations/components/blocks/CardDepartment.vue

@@ -31,7 +31,7 @@ import { ref } from 'vue';
 import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'
 
 import Spoiler  from '@martyrs/src/components/Spoiler/Spoiler.vue';
-import DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';
+import { DepartmentSub } from '@martyrs/src/modules/organizations/organizations.client.js';
 import User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';
 
 const props = defineProps({

package/src/modules/organizations/components/pages/Department.vue

@@ -63,9 +63,8 @@
 import { useRoute, useRouter } from 'vue-router';
 
 import Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';
-import DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';
+import { DepartmentSub, departmentsStore } from '@martyrs/src/modules/organizations/organizations.client.js';
 import User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';
-import departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';
 
 import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'
 

package/src/modules/organizations/components/pages/DepartmentEdit.vue

@@ -14,27 +14,27 @@
     
     <Block
       title="Profile"
-      v-if="departments.state.department.profile"
+      v-if="departmentsStore.state.department.profile"
       class="mn-b-thin"
     >
       <div
         class="cols-2-fit-content"
       >
         <UploadImage 
-           v-model:photo="departments.state.department.profile.photo"
-          :uploadPath="'organizations/' + departments.state.department.name + '/avatars'"
+           v-model:photo="departmentsStore.state.department.profile.photo"
+          :uploadPath="'organizations/' + departmentsStore.state.department.name + '/avatars'"
           class="w-8r aspect-1x1 o-hidden mn-r-small radius-extra" 
         />
         <div class="w-100 flex-child-grow-1 flex-child ">
           <Field 
-            v-model:field="departments.state.department.profile.name"     
+            v-model:field="departmentsStore.state.department.profile.name"     
             label="Name"  
             placeholder="Department Name" 
             class="mn-b-small bg-white radius-small pd-medium"
             :validation="organizationName" 
           />
           <Field 
-            v-model:field="departments.state.department.profile.description"     
+            v-model:field="departmentsStore.state.department.profile.description"     
             label="Description"  
             placeholder="Department description (max 120 symbols)" 
             class="bg-white radius-small pd-medium"
@@ -55,7 +55,7 @@
     > 
       <CardUser 
         class="h-4r bg-white pd-thin radius-medium w-100" 
-        v-for="(member, index) in departments.state.department.members" 
+        v-for="(member, index) in departmentsStore.state.department.members" 
         :key="index" 
         :user="member.user" 
         :photo="member.user.profile.photo"
@@ -108,7 +108,7 @@
           :photo="user.user.profile?.photo"
           :name="user.user.profile?.name || user.user.phone || user.user.email"
           @click="() => { 
-            globals.actions.add(departments.state.department.members, { _id: user.user._id, user: user.user, position: 'Member'})
+            globals.actions.add(departmentsStore.state.department.members, { _id: user.user._id, user: user.user, position: 'Member'})
             closeMemberPopup();
           }"
           class="h-4r bg-white pd-thin radius-medium w-100 mn-b-thin"
@@ -128,8 +128,8 @@
               label="Hidden department"
               name="hidden"
               class="w-100 mn-r-small bg-white radius-small pd-small"
-              @update:radio="updated => departments.state.department.hidden = !departments.state.department.hidden"
-              :radio="departments.state.department.hidden"
+              @update:radio="updated => departmentsStore.state.department.hidden = !departmentsStore.state.department.hidden"
+              :radio="departmentsStore.state.department.hidden"
             />
           </div>
         </div>
@@ -140,7 +140,7 @@
           <p class="p-medium mn-b-small">Please select organization accesses for user in department:</p>
           
           <div class="cols-1 gap-thin">
-            <div v-for="(actions, category) in departments.state.department.accesses" :key="category">
+            <div v-for="(actions, category) in departmentsStore.state.department.accesses" :key="category">
               <h4>{{ category.charAt(0).toUpperCase() + category.slice(1) }}</h4>
               <Checkbox
                 v-for="(value, action) in actions"
@@ -148,7 +148,7 @@
                 :label="action"
                 :name="action"
                 :radio="value"
-                @update:radio="updated => (departments.state.department.accesses[category][action] = !value)"
+                @update:radio="updated => (departmentsStore.state.department.accesses[category][action] = !value)"
                 class="w-100 mn-r-small bg-white radius-small pd-small"
               />
             </div>
@@ -166,10 +166,10 @@
 
       <Popup title="Добавить подотдел" @close-popup="closeDepartmentPopup" :isPopupOpen="isOpenDepartmentPopup">
         <DepartmentSubDepartmentModify 
-          :departments="departments.state.department.subdepartments" 
+          :departments="departmentsStore.state.department.subdepartments" 
           :department="selectedDepartment" 
-          :maindepartment="departments.state.department"
-          :alldepartments="departments.state.departments"
+          :maindepartment="departmentsStore.state.department"
+          :alldepartments="departmentsStore.state.departments"
           @callback="closeDepartmentPopup"
         />
       </Popup>
@@ -182,9 +182,9 @@
       </div>
 
         <ul class="mn-b-small">
-          <li v-if="departments.state.department.subdepartments.length < 1">В отделе еще нет подотделов</li>
+          <li v-if="departmentsStore.state.department.subdepartments.length < 1">В отделе еще нет подотделов</li>
           <DepartmentSub  
-            v-for="(subdepartment, index) in departments.state.department.subdepartments" 
+            v-for="(subdepartment, index) in departmentsStore.state.department.subdepartments" 
             :key="index" class="bg-light o-hidden radius-small mn-b-thin" 
             :department="subdepartment" 
               @click="openDepartmentPopup(index)"
@@ -216,26 +216,28 @@ import Feed from '@martyrs/src/components/Feed/Feed.vue'
 
 import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'
 
-import DepartmentSub from "@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue";
+import { 
+  DepartmentSub, 
+  departmentsStore, 
+  membershipsStore 
+} from "@martyrs/src/modules/organizations/organizations.client.js";
 
 import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'
 
 import * as globals from "@martyrs/src/modules/globals/views/store/globals.js";
-import departmentsStore from "@martyrs/src/modules/organizations/store/departments.store.js";
-import membershipsStore from "@martyrs/src/modules/organizations/store/memberships.store.js";
 
 const router = useRouter();
 const route = useRoute();
 
 async function fetchData() {
   const users = ref(membershipsStore.state.items);
-  // await departments.actions.read({organization: route.params._id});
+  // await departmentsStore.read({organization: route.params._id});
   if (route.params.department) await departmentsStore.read({ _id: route.params.department });
 }
 
 fetchData();
 
-// const members = ref(departments.state.department.members);
+// const members = ref(departmentsStore.state.department.members);
 
 const isOpenAddMemberPopup = ref(false);
 const selectedMember = ref(null);
@@ -265,15 +267,15 @@ function closeDepartmentPopup() {
 
 async function onSubmit() {
   if (route.params.department) {
-    await departments.actions.update(
+    await departmentsStore.update(
       route.params._id,
-      departments.state.department
+      departmentsStore.state.department
     );
   }
   if (!route.params.department) {
-    await departments.actions.create(
+    await departmentsStore.create(
       route.params._id,
-      departments.state.department
+      departmentsStore.state.department
     );
   }
 }
@@ -284,9 +286,9 @@ function redirectTo() {
 
 async function onDelete() {
   if (confirm("Are you sure you want to delete this department?")) {
-    await departments.actions.delete(
+    await departmentsStore.delete(
       route.params._id,
-      departments.state.department
+      departmentsStore.state.department
     );
   }
   
@@ -294,7 +296,7 @@ async function onDelete() {
 
 function removeMember(member) {
    if (confirm("Are you sure you want to remove this member?")) {
-    globals.actions.delete(departments.state.department.members, { _id: member.user._id}) 
+    globals.actions.delete(departmentsStore.state.department.members, { _id: member.user._id}) 
   }
 }
 

package/src/modules/organizations/components/pages/Members.vue

@@ -204,21 +204,23 @@ import Popup from '@martyrs/src/components/Popup/Popup.vue';
 
 import SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue';
 
-import InviteForm from '@martyrs/src/modules/organizations/components/forms/InviteForm.vue';
-import AddExistingMembersForm from '@martyrs/src/modules/organizations/components/forms/AddExistingMembersForm.vue';
-import DepartmentForm from '@martyrs/src/modules/organizations/components/forms/DepartmentForm.vue';
+import { 
+  InviteForm,
+  AddExistingMembersForm,
+  DepartmentForm,
+  CardDepartment,
+  departmentsStore,
+  membershipsStore,
+  invitesStore,
+  storeOrganizations as organization
+} from '@martyrs/src/modules/organizations/organizations.client.js';
 
 import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';
-import CardDepartment from '@martyrs/src/modules/organizations/components/blocks/CardDepartment.vue';
 
 import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';
 
 import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';
 import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';
-import * as organization from '@martyrs/src/modules/organizations/store/organizations.js';
-import departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';
-import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';
-import invitesStore from '@martyrs/src/modules/organizations/store/invites.store.js';
 
 const route = useRoute();
 const router = useRouter();

package/src/modules/organizations/components/pages/Organization.vue

@@ -176,11 +176,13 @@
 	import IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'
 	import PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'
 	// Organizations
-	import DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';
-	import ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'
-	import Contacts from '@martyrs/src/modules/organizations/components/blocks/Contacts.vue'
-	import Rating from '@martyrs/src/modules/organizations/components/blocks/Rating.vue'
-	import Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'
+	import { 
+		DepartmentSub, 
+		ButtonToggleMembership, 
+		Contacts, 
+		Rating, 
+		Socials 
+	} from '@martyrs/src/modules/organizations/organizations.client.js'
 	import User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';
 	// Report Module
 	import FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'

package/src/modules/organizations/organizations.client.js

@@ -1,4 +1,4 @@
-// Store
+// Functional imports (needed for initialize function)
 import departmentsStore from './store/departments.store.js';
 import invitesStore from './store/invites.store.js';
 import membershipsStore from './store/memberships.store.js';
@@ -7,37 +7,37 @@ import * as storeOrganizations from './store/organizations.js';
 // Router
 import routerOrganization from './router/organizations.js';
 
-// Views
+// Component re-exports (enables tree shaking)
 // Pages
-import Department from './components/pages/Department.vue';
-import Members from './components/pages/Members.vue';
-import Organization from './components/pages/Organization.vue';
-import OrganizationEdit from './components/pages/OrganizationEdit.vue';
-import Organizations from './components/pages/Organizations.vue';
+export { default as Department } from './components/pages/Department.vue';
+export { default as Members } from './components/pages/Members.vue';
+export { default as Organization } from './components/pages/Organization.vue';
+export { default as OrganizationEdit } from './components/pages/OrganizationEdit.vue';
+export { default as Organizations } from './components/pages/Organizations.vue';
 
 // Forms
-import DepartmentForm from './components/forms/DepartmentForm.vue';
-import InviteForm from './components/forms/InviteForm.vue';
-import AddExistingMembersForm from './components/forms/AddExistingMembersForm.vue';
+export { default as DepartmentForm } from './components/forms/DepartmentForm.vue';
+export { default as InviteForm } from './components/forms/InviteForm.vue';
+export { default as AddExistingMembersForm } from './components/forms/AddExistingMembersForm.vue';
 
 // Blocks
-import CardDepartment from './components/blocks/CardDepartment.vue';
-import CardOrganization from './components/blocks/CardOrganization.vue';
-import Contacts from './components/blocks/Contacts.vue';
-import DepartmentSub from './components/blocks/DepartmentSub.vue';
-import EmptyState from './components/blocks/EmptyState.vue';
-import Rating from './components/blocks/Rating.vue';
-import Socials from './components/blocks/Socials.vue';
-import Unit from './components/blocks/Unit.vue';
+export { default as CardDepartment } from './components/blocks/CardDepartment.vue';
+export { default as CardOrganization } from './components/blocks/CardOrganization.vue';
+export { default as Contacts } from './components/blocks/Contacts.vue';
+export { default as DepartmentSub } from './components/blocks/DepartmentSub.vue';
+export { default as EmptyState } from './components/blocks/EmptyState.vue';
+export { default as Rating } from './components/blocks/Rating.vue';
+export { default as Socials } from './components/blocks/Socials.vue';
+export { default as Unit } from './components/blocks/Unit.vue';
 
 // Sections
-import Documents from './components/sections/Documents.vue';
-import MembersAdd from './components/sections/MembersAdd.vue';
-import OrganizationsSection from './components/sections/Organizations.vue';
-import Publics from './components/sections/Publics.vue';
+export { default as Documents } from './components/sections/Documents.vue';
+export { default as MembersAdd } from './components/sections/MembersAdd.vue';
+export { default as OrganizationsSection } from './components/sections/Organizations.vue';
+export { default as Publics } from './components/sections/Publics.vue';
 
 // Elements
-import ButtonToggleMembership from './components/elements/ButtonToggleMembership.vue';
+export { default as ButtonToggleMembership } from './components/elements/ButtonToggleMembership.vue';
 
 // Пример функции инициализации для модуля организаций
 function initializeOrganization(app, store, router, options = {}) {
@@ -48,34 +48,14 @@ function initializeOrganization(app, store, router, options = {}) {
   store.addStore('organizations', storeOrganizations);
 }
 
-// Export components, store modules, and routes
+// Functional exports
 export {
-  AddExistingMembersForm,
-  ButtonToggleMembership,
-  CardDepartment,
-  CardOrganization,
-  Contacts,
-  Department,
-  DepartmentForm,
-  DepartmentSub,
   departmentsStore,
-  Documents,
-  EmptyState,
-  InviteForm,
   invitesStore,
-  Members,
-  MembersAdd,
   membershipsStore,
-  Organization,
-  OrganizationEdit,
-  Organizations,
-  OrganizationsSection,
-  Publics,
-  Rating,
-  Socials,
-  Unit,
   routerOrganization,
   storeOrganizations,
+  initializeOrganization as initialize,
 };
 
 const ModuleOrganization = {
@@ -90,34 +70,6 @@ const ModuleOrganization = {
     router: {
       routerOrganization,
     },
-    components: {
-      // Pages
-      Organization,
-      Department,
-      Members,
-      OrganizationEdit,
-      Organizations,
-      // Forms
-      DepartmentForm,
-      InviteForm,
-      AddExistingMembersForm,
-      // Blocks
-      CardOrganization,
-      Unit,
-      DepartmentSub,
-      CardDepartment,
-      Rating,
-      EmptyState,
-      Contacts,
-      Socials,
-      // Sections
-      MembersAdd,
-      OrganizationsSection,
-      Publics,
-      Documents,
-      // Elements
-      ButtonToggleMembership,
-    },
   },
 };
 

package/src/modules/organizations/policies/organizations.policies.js

@@ -1,4 +1,4 @@
-import Validator from '@martyrs/src/modules/globals/controllers/classes/globals.Validator.js';
+import Validator from '@martyrs/src/modules/globals/controllers/classes/globals.validator.js';
 import Verifier from '@martyrs/src/modules/globals/controllers/classes/globals.verifier.js';
 
 export default (function initializeOrganizationPolicies(abacAccessControl, db) {

package/src/modules/pages/views/router/pages.backoffice.router.js

@@ -3,7 +3,7 @@ import Sidebar from '@martyrs/src/modules/backoffice/components/partials/Sidebar
 import SidebarPages from '../components/partials/SidebarPages.vue';
 
 const pages = {
-  path: 'pages',
+  path: '/pages',
   meta: {
     title: {
       en: 'Pages',

package/src/modules/pages/views/router/pages.router.js

@@ -1,7 +1,7 @@
 import layoutEmpty from '@martyrs/src/modules/globals/views/components/layouts/Empty.vue';
 
 const pages = {
-  path: 'pages',
+  path: '/pages',
   component: layoutEmpty,
   meta: {
     title: {

package/src/modules/products/components/sections/HeroRecommendation.vue

@@ -142,7 +142,7 @@
 		<!-- <Shader class="w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0"/> -->
 
     <!-- <div class="w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0">
-  	  <div style="background-image: url(/spiral.jpg)" class="spiral"></div>
+  	  <img src="/spiral.webp" loading="lazy" alt="" class="spiral"/>
     </div> -->
 
 	</div>
@@ -150,8 +150,7 @@
 
 <style style="scoped">
 .spiral {
-	
-  background-size: cover;
+  object-fit: cover;
   width: 100rem;
   height: 100rem;
   position: absolute;