hl-core 0.0.7-beta.14 → 0.0.7-beta.16

package/composables/classes.ts

@@ -13,9 +13,9 @@ class MenuItemConfig {
   initial?: any | null;
   icon?: string | null;
   action?: Function | void;
-  disabled?: typeof computed;
+  disabled?: ComputedRef;
   color?: string;
-  show?: typeof computed;
+  show?: ComputedRef;
 
   constructor(
     id: any = null,
@@ -27,9 +27,9 @@ class MenuItemConfig {
     initial?: any | null,
     icon?: string | null,
     action?: Function | void,
-    disabled?: typeof computed,
+    disabled?: ComputedRef,
     color?: string,
-    show?: typeof computed,
+    show?: ComputedRef,
   ) {
     this.id = id;
     this.title = title;
@@ -59,13 +59,7 @@ export class Value {
   nameKz: string | number | null;
   ids: string | number | null;
 
-  constructor(
-    id: string | number | null = null,
-    nameRu: string | number | null = null,
-    nameKz: string | number | null = null,
-    code: string | number | null = null,
-    ids: string | number | null = null,
-  ) {
+  constructor(id: string | number | null = null, nameRu: string | null = null, nameKz: string | null = null, code: string | null = null, ids: string | null = null) {
     this.id = id;
     this.code = code;
     this.nameRu = nameRu;
@@ -273,10 +267,10 @@ class Person {
     if (date) {
       const age = Math.abs(new Date(Date.now() - new Date(date).getTime()).getUTCFullYear() - 1970);
       if (new Date(date) < new Date(Date.now()) && age > 0) {
-        return age;
+        return age.toString();
       }
     } else {
-      return '';
+      return null;
     }
   }
 }
@@ -361,7 +355,28 @@ export class Contragent extends Person {
   }
 }
 
-class Form extends Person {
+export class Member extends Person {
+  verifyType: any;
+  verifyDate: any;
+  postIndex: string | null;
+  isPdl: boolean;
+  migrationCard: string | null;
+  migrationCardIssueDate: string | null;
+  migrationCardExpireDate: string | null;
+  confirmDocType: string | null;
+  confirmDocNumber: string | null;
+  confirmDocIssueDate: string | null;
+  confirmDocExpireDate: string | null;
+  notaryLongName: string | null;
+  notaryLicenseNumber: string | null;
+  notaryLicenseDate: string | null;
+  notaryLicenseIssuer: string | null;
+  jurLongName: string | null;
+  fullNameRod: string | null;
+  confirmDocTypeKz: string | null;
+  confirmDocTypeRod: string | null;
+  isNotary: boolean;
+  insurancePay: Value;
   job: string | null;
   jobPosition: string | null;
   jobPlace: string | null;
@@ -404,6 +419,8 @@ class Form extends Person {
   gotFromInsis: boolean | null;
   gosPersonData: any;
   hasAgreement: boolean | null;
+  otpTokenId: string | null;
+  otpCode: string | null;
   constructor(
     id = 0,
     type = 1,
@@ -453,8 +470,43 @@ class Form extends Person {
     isDisability = new Value(),
     disabilityGroupId = new Value(),
     percentageOfPayoutAmount = null,
+    migrationCard = null,
+    migrationCardIssueDate = null,
+    migrationCardExpireDate = null,
+    confirmDocType = null,
+    confirmDocNumber = null,
+    confirmDocIssueDate = null,
+    confirmDocExpireDate = null,
+    notaryLongName = null,
+    notaryLicenseNumber = null,
+    notaryLicenseDate = null,
+    notaryLicenseIssuer = null,
+    jurLongName = null,
+    fullNameRod = null,
+    confirmDocTypeKz = null,
+    confirmDocTypeRod = null,
+    isNotary = false,
   ) {
     super(id, type, iin, longName, lastName, firstName, middleName, birthDate, gender, genderName, birthPlace, age);
+    this.postIndex = null;
+    this.isPdl = false;
+    this.migrationCard = migrationCard;
+    this.migrationCardIssueDate = migrationCardIssueDate;
+    this.migrationCardExpireDate = migrationCardExpireDate;
+    this.confirmDocType = confirmDocType;
+    this.confirmDocNumber = confirmDocNumber;
+    this.confirmDocIssueDate = confirmDocIssueDate;
+    this.confirmDocExpireDate = confirmDocExpireDate;
+    this.notaryLongName = notaryLongName;
+    this.notaryLicenseNumber = notaryLicenseNumber;
+    this.notaryLicenseDate = notaryLicenseDate;
+    this.notaryLicenseIssuer = notaryLicenseIssuer;
+    this.jurLongName = jurLongName;
+    this.fullNameRod = fullNameRod;
+    this.confirmDocTypeKz = confirmDocTypeKz;
+    this.confirmDocTypeRod = confirmDocTypeRod;
+    this.isNotary = isNotary;
+    this.insurancePay = new Value();
     this.job = job;
     this.jobPosition = jobPosition;
     this.jobPlace = jobPlace;
@@ -483,6 +535,8 @@ class Form extends Person {
     this.phoneNumber = phoneNumber;
     this.homePhone = homePhone;
     this.email = email;
+    this.otpTokenId = null;
+    this.otpCode = null;
     this.address = address;
     this.familyStatus = familyStatus;
     this.isTerror = isTerror;
@@ -540,6 +594,23 @@ class Form extends Person {
     this.gotFromInsis = true;
     this.gosPersonData = null;
     this.hasAgreement = null;
+    this.insurancePay = new Value();
+    this.migrationCard = null;
+    this.migrationCardIssueDate = null;
+    this.migrationCardExpireDate = null;
+    this.confirmDocType = null;
+    this.confirmDocNumber = null;
+    this.confirmDocIssueDate = null;
+    this.confirmDocExpireDate = null;
+    this.notaryLongName = null;
+    this.notaryLicenseNumber = null;
+    this.notaryLicenseDate = null;
+    this.notaryLicenseIssuer = null;
+    this.jurLongName = null;
+    this.fullNameRod = null;
+    this.confirmDocTypeKz = null;
+    this.confirmDocTypeRod = null;
+    this.isNotary = false;
   }
 
   getPattern(pattern: string) {
@@ -567,105 +638,33 @@ class Form extends Person {
   }
 }
 
-export class PolicyholderForm extends Form {
+export class PolicyholderForm extends Member {
   constructor(...args: any) {
     super(...args);
   }
 }
 
-export class InsuredForm extends Form {
+export class InsuredForm extends Member {
   constructor(...args: any) {
     super(...args);
   }
 }
 
-export class BeneficiaryForm extends Form {
-  insurancePay: Value;
+export class BeneficiaryForm extends Member {
   constructor(...args: any) {
     super(...args);
-    this.insurancePay = new Value();
   }
 }
 
-export class BeneficialOwnerForm extends Form {
+export class BeneficialOwnerForm extends Member {
   constructor(...args: any) {
     super(...args);
   }
 }
 
-export class PolicyholdersRepresentativeForm extends Form {
-  migrationCard: string | null;
-  migrationCardIssueDate: string | null;
-  migrationCardExpireDate: string | null;
-  confirmDocType: string | null;
-  confirmDocNumber: string | null;
-  confirmDocIssueDate: string | null;
-  confirmDocExpireDate: string | null;
-  notaryLongName: string | null;
-  notaryLicenseNumber: string | null;
-  notaryLicenseDate: string | null;
-  notaryLicenseIssuer: string | null;
-  jurLongName: string | null;
-  fullNameRod: string | null;
-  confirmDocTypeKz: string | null;
-  confirmDocTypeRod: string | null;
-  isNotary: boolean | null;
-  constructor(
-    migrationCard = null,
-    migrationCardIssueDate = null,
-    migrationCardExpireDate = null,
-    confirmDocType = null,
-    confirmDocNumber = null,
-    confirmDocIssueDate = null,
-    confirmDocExpireDate = null,
-    notaryLongName = null,
-    notaryLicenseNumber = null,
-    notaryLicenseDate = null,
-    notaryLicenseIssuer = null,
-    jurLongName = null,
-    fullNameRod = null,
-    confirmDocTypeKz = null,
-    confirmDocTypeRod = null,
-    isNotary = false,
-    ...args: any
-  ) {
+export class PolicyholdersRepresentativeForm extends Member {
+  constructor(...args: any) {
     super(...args);
-    this.migrationCard = migrationCard;
-    this.migrationCardIssueDate = migrationCardIssueDate;
-    this.migrationCardExpireDate = migrationCardExpireDate;
-    this.confirmDocType = confirmDocType;
-    this.confirmDocNumber = confirmDocNumber;
-    this.confirmDocIssueDate = confirmDocIssueDate;
-    this.confirmDocExpireDate = confirmDocExpireDate;
-    this.notaryLongName = notaryLongName;
-    this.notaryLicenseNumber = notaryLicenseNumber;
-    this.notaryLicenseDate = notaryLicenseDate;
-    this.notaryLicenseIssuer = notaryLicenseIssuer;
-    this.jurLongName = jurLongName;
-    this.fullNameRod = fullNameRod;
-    this.confirmDocTypeKz = confirmDocTypeKz;
-    this.confirmDocTypeRod = confirmDocTypeRod;
-    this.isNotary = isNotary;
-  }
-
-  resetMember(clearIinAndPhone = true) {
-    super.resetForm(clearIinAndPhone);
-    this.migrationCard = null;
-    this.migrationCardIssueDate = null;
-    this.migrationCardExpireDate = null;
-    this.confirmDocType = null;
-    this.confirmDocNumber = null;
-    this.confirmDocIssueDate = null;
-    this.confirmDocExpireDate = null;
-    this.notaryLongName = null;
-    this.notaryLicenseNumber = null;
-    this.notaryLicenseDate = null;
-    this.notaryLicenseIssuer = null;
-    this.jurLongName = null;
-    this.fullNameRod = null;
-    this.confirmDocTypeKz = null;
-    this.confirmDocTypeRod = null;
-    this.isNotary = false;
   }
 }
 
@@ -760,6 +759,17 @@ export class ProductConditions {
 }
 
 export class DataStoreClass {
+  // IMP Контроллер фич
+  controls: {
+    // Проверка на роль при авторизации
+    onAuth: boolean;
+    // Подтягивание с ГБДФЛ
+    hasGBDFL: boolean;
+    // Подтягивание с ИНСИС
+    hasInsis: boolean;
+    // Калькулятор без ввода данных
+    hasCalculator: boolean;
+  };
   hasLayoutMargins: boolean;
   readonly product: string | null;
   showNav: boolean;
@@ -822,6 +832,7 @@ export class DataStoreClass {
   processIndexRate: any[];
   processPaymentPeriod: any[];
   additionalInsuranceTerms: any[];
+  additionalInsuranceTermsWithout: any[];
   taskList: any[];
   processHistory: any[];
   contragentList: any[];
@@ -852,10 +863,17 @@ export class DataStoreClass {
   };
   riskGroup: any[];
   constructor() {
+    this.controls = {
+      onAuth: false,
+      hasGBDFL: true,
+      hasInsis: true,
+      hasCalculator: false,
+    };
     this.hasLayoutMargins = true;
     this.processIndexRate = [];
     this.processPaymentPeriod = [];
     this.additionalInsuranceTerms = [];
+    this.additionalInsuranceTermsWithout = [];
     this.definedAnswersId = {
       surveyByHealthBase: {},
       surveyByCriticalBase: {},
@@ -983,28 +1001,28 @@ export class FormStoreClass {
   SaleChanellPolicy: Value;
   AgentData: {
     agentId: null;
-    manId: 0;
-    fullName: '';
+    manId: number;
+    fullName: string;
     officeId: null;
     officeCode: null;
-    saleChannel: '';
-    managerName: '';
+    saleChannel: string;
+    managerName: string;
   };
   RegionPolicy: Value;
   ManagerPolicy: Value;
   isDisabled: {
-    policyholderForm: true;
-    beneficiaryForm: true;
-    beneficialOwnerForm: true;
-    insuredForm: true;
-    policyholdersRepresentativeForm: true;
-    productConditionsForm: true;
-    recalculationForm: true;
-    surveyByHealthBase: true;
-    surveyByCriticalBase: true;
-    surveyByHealthBasePolicyholder: true;
-    surveyByCriticalBasePolicyholder: true;
-    insuranceDocument: true;
+    policyholderForm: boolean;
+    beneficiaryForm: boolean;
+    beneficialOwnerForm: boolean;
+    insuredForm: boolean;
+    policyholdersRepresentativeForm: boolean;
+    productConditionsForm: boolean;
+    recalculationForm: boolean;
+    surveyByHealthBase: boolean;
+    surveyByCriticalBase: boolean;
+    surveyByHealthBasePolicyholder: boolean;
+    surveyByCriticalBasePolicyholder: boolean;
+    insuranceDocument: boolean;
   };
   isPolicyholderInsured: boolean = false;
   isPolicyholderBeneficiary: boolean = false;
@@ -1040,7 +1058,6 @@ export class FormStoreClass {
   questionnaireByCritical: any[];
   canBeClaimed: boolean | null;
   applicationTaskId: string | null;
-  otpTokenId: string | null;
   constructor(procuctConditionsTitle?: string) {
     this.birthInfos = [];
     this.SaleChanellPolicy = new Value();
@@ -1093,6 +1110,5 @@ export class FormStoreClass {
     this.questionnaireByCritical = [];
     this.canBeClaimed = null;
     this.applicationTaskId = null;
-    this.otpTokenId = null;
   }
 }

package/composables/constants.ts

@@ -28,6 +28,8 @@ export const constants = Object.freeze({
     upk: 'UPK',
     financeCenter: 'FinanceCenter',
     supervisor: 'Supervisor',
+    support: 'Support',
+    managerHalykBank: 'ManagerHalykBank',
   },
   actions: {
     accept: 'accept',

package/composables/index.ts

@@ -8,10 +8,11 @@ export const useDisplayInfo = useDisplay;
 export const capitalize = (word: string): string => (word ? word.charAt(0).toUpperCase() + word.slice(1).toLowerCase() : word);
 
 const xmlParser = new XMLParser({
-  // numberParseOptions: {
-  //   leadingZeros: true,
-  //   skipLike: /[0-9]+/,
-  // },
+  numberParseOptions: {
+    hex: false,
+    leadingZeros: true,
+    skipLike: /[0-9]+/,
+  },
 });
 
 export const formatDate = (date: string) => {
@@ -137,11 +138,11 @@ export const ESBDMessage = (ESBDObject: any, initialPoint: any) => {
   return result;
 };
 
-export const ErrorHandler = (err: unknown) => {
+export const ErrorHandler = (err: unknown, errorText?: string) => {
   console.log(err);
   if (err instanceof AxiosError) {
     if ('response' in err && err.response && err.response.data) {
-      useDataStore().showToaster('error', err.response.data);
+      useDataStore().showToaster('error', errorText ? errorText : err.response.data, 10000);
     }
   }
   return false;

package/layouts/default.vue

@@ -4,7 +4,6 @@
     <section class="flex h-full" :class="$libStyles.blueBgLight">
       <base-menu-nav
         v-if="$dataStore.showNav"
-        v-model="$dataStore.menu.selectedItem"
         :selected="$dataStore.menu.selectedItem"
         :title="$dataStore.menu.title ?? 'Страховые продукты'"
         :has-back="$dataStore.menu.hasBack ?? false"
@@ -12,11 +11,12 @@
         :has-more="'hasMore' in $route.meta && $route.meta.hasMore ? !!$route.meta.hasMore : false"
         :hide-more-on-lg="true"
         :class="{
+          // @ts-ignore
           '!hidden': !$display().lgAndUp.value && !!$dataStore.menu.selectedItem.title,
         }"
-        @onBack="$dataStore.menu.onBack"
+        @onBack="onBack"
         @onMore="openSettings"
-        @onLink="$dataStore.menu.onLink"
+        @onLink="onLink"
       >
         <template #end>
           <base-loader v-if="$dataStore.menu.loading" class="self-center m-5 opacity-70"></base-loader>
@@ -29,17 +29,28 @@
 </template>
 
 <script setup lang="ts">
+import { MenuItem } from '@/composables/classes';
 const dataStore = useDataStore();
 
 const openSettings = async () => {
   dataStore.settings.open = true;
 };
+
+const onLink = async (item: MenuItem) => {
+  if (dataStore.menu.onLink) await dataStore.menu.onLink(item);
+  dataStore.menu.selectedItem = item;
+};
+
+const onBack = async (item: MenuItem) => {
+  if (dataStore.menu.onBack) await dataStore.menu.onBack(item);
+};
 </script>
 <style>
 .mainpage,
 span,
 header,
 *[class='text-[14px]'],
+.v-label,
 .text-\[14px\] {
   font-size: v-bind('dataStore.fontSize + "px"') !important;
   /* line-height: v-bind('dataStore.fontSize*1.5 + "px"') !important; */
@@ -49,7 +60,6 @@ header,
 .text-\[16px\],
 label .v-label .v-field-label,
 .v-field__input,
-.v-label,
 .v-field,
 .v-input {
   font-size: v-bind('dataStore.fontSize+2 + "px"') !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hl-core",
-  "version": "0.0.7-beta.14",
+  "version": "0.0.7-beta.16",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",
@@ -23,14 +23,15 @@
     "preview": "nuxt preview"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^0.3.2",
-    "nuxt": "^3.3.3",
+    "@nuxt/devtools": "^0.4.1",
+    "@nuxt/types": "^2.16.3",
+    "nuxt": "3.4.1",
     "prettier": "^2.8.4",
     "typescript": "^4.9.5"
   },
   "dependencies": {
-    "@mdi/font": "^7.1.96",
-    "@nuxtjs/tailwindcss": "^6.6.5",
+    "@mdi/font": "^7.2.96",
+    "@nuxtjs/tailwindcss": "^6.6.6",
     "@pinia/nuxt": "^0.4.8",
     "animate.css": "^4.1.1",
     "axios": "^1.3.5",
@@ -40,6 +41,7 @@
     "pinia": "^2.0.34",
     "v-idle-3": "^0.3.14",
     "vue-toastification": "^2.0.0-rc.5",
-    "vuetify": "^3.1.13"
+    "vue-uuid": "^3.0.0",
+    "vuetify": "^3.1.15"
   }
 }

package/pages/500.vue

@@ -1,6 +1,43 @@
 <template>
   <base-content class="!w-full flex-col justify-center items-center gap-[100px]" :class="[$libStyles.blueBgLight]">
-    <img src="~/assets/logo-clear.svg" class="w-[240px] lg:w-[330px]" draggable="false" />
+    <svg class="w-[240px] lg:w-[330px]" draggable="false" width="277" height="99" viewBox="0 0 277 99" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M4.71582 49.276L22.23 31.722V20.791H33.1373L50.6508 3.23633L68.1656 20.791H79.0725V31.722L96.5866 49.276L79.0725 66.83V77.7616H68.1656L50.6508 95.3156L33.1373 77.7616H22.23V66.83L4.71582 49.276Z"
+        fill="#FAB31C"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10.4575 49.2765L50.6515 8.99177L90.8453 49.2765L50.6515 89.5616L10.4575 49.2765ZM18.1699 16.7215H34.3263L50.6515 0.359375L66.9767 16.7215H83.1329V32.9144L99.4581 49.2765L83.1329 65.6388V81.8316H66.9767L50.6515 98.1939L34.3263 81.8316H18.1699V65.6388L1.84473 49.2765L18.1699 32.9144V16.7215ZM33.1372 20.7908H22.2302V31.7225L18.1699 35.7916V35.7919L4.71585 49.2765L18.1699 62.7612V62.7616L22.2302 66.8307V77.7623H33.1372L37.197 81.8316H37.1973L50.6515 95.3162L64.1056 81.8316H64.106L68.1656 77.7623H79.0726V66.8307L83.1329 62.7616V62.7612L96.5869 49.2765L83.1329 35.7919V35.7916L79.0726 31.7225V20.7908H68.1656L64.106 16.7215H64.1056L50.6515 3.23684L33.1372 20.7908Z"
+        fill="#007556"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10.4575 49.2766L50.6515 8.99152L90.8453 49.2766L50.6515 89.5616L10.4575 49.2766ZM18.1699 16.7215H34.3263L50.6515 0.359375L66.9767 16.7215H83.1329V32.9145L99.4581 49.2766L83.1329 65.6387V81.8317H66.9767L50.6515 98.194L34.3263 81.8317H18.1699V65.6387L1.84473 49.2766L18.1699 32.9145V16.7215ZM33.1372 20.7908H22.2302V31.7226L18.1699 35.7917V35.7919L4.71585 49.2766L18.1699 62.7612V62.7617L22.2302 66.8306V77.7623H33.1372L37.197 81.8317H37.1973L50.6515 95.3163L64.1056 81.8317H64.106L68.1656 77.7623H79.0726V66.8306L83.1329 62.7617V62.7612L96.5869 49.2766L83.1329 35.7919V35.7917L79.0726 31.7226V20.7908H68.1656L64.106 16.7215H64.1056L50.6515 3.23685L33.1372 20.7908Z"
+        fill="#007556"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M103.444 44.505V16.1172H110.411V26.9039H131.969V16.1172H138.868V44.505H131.969V32.5436H110.411V44.505H103.444ZM143.851 82.3333H136.985V53.9455H143.851V82.3333ZM141.116 44.505L157.93 16.1172H164.572L181.643 44.505H173.894L170.322 38.2725H151.588L148.016 44.505H141.116ZM154.524 33.0914H167.508L160.91 21.2639L154.524 33.0914ZM182.595 44.505V16.1172H189.562V39.1898H211.767V44.505H182.595ZM216.796 44.505V31.7486L201.322 16.1172H210.644L220.747 26.7022L230.985 16.1172H239.1L223.695 31.6257V44.505H216.796ZM239.707 44.505V16.1172H246.675V27.5861L263.199 16.1172H273.201L253.607 29.265L275.389 44.505H264.47L246.675 31.6927V44.505H239.707ZM103.444 82.3333V53.9455H110.411V77.0181H132.616V82.3333H103.444ZM150.375 82.3333V53.9455H180.429V59.0253H157.342V66.4331H169.768V71.7145H157.342V82.3333H150.375ZM185.793 82.3333V53.9455H216.182V58.9581H192.759V65.1458H206.402V70.0362H192.759V77.0181H216.538V82.3333H185.793Z"
+        fill="#007556"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M60.951 49.9793C65.2122 42.4323 60.8026 30.509 51.0674 31.0783C46.6279 31.3381 42.5865 34.5876 42.4003 39.8699C42.2502 44.1278 45.4845 48.0783 50.854 48.0243C53.7034 47.9957 56.7358 45.9668 56.6787 41.9752C56.6265 38.3346 53.5233 36.7166 51.8336 36.7166C50.1439 36.7166 47.5242 38.7708 48.8529 40.7693C49.8055 42.2018 51.359 40.5982 51.359 40.5982C51.359 40.5982 53.2787 39.8856 53.8091 41.78C54.3221 43.6119 53.1829 45.375 50.2985 45.2986C47.2422 45.2228 44.888 42.9387 45.0589 39.8753C45.2109 36.7927 47.603 34.1518 51.5516 34.1518C55.4816 34.1518 59.2067 38.0003 59.2067 42.2819C59.2067 46.1009 57.0171 50.8789 51.0582 51.2818C44.4053 51.7316 38.8187 47.2962 38.8187 40.5223C38.7721 33.0533 44.1879 28.4587 50.7133 28.7989C63.38 29.4592 65.7246 43.1718 60.951 49.9793Z"
+        fill="#FAB31C"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M72.9649 36.8647C72.9649 34.7167 69.2856 34.5419 69.2856 36.8647V49.0899L55.9915 61.0849V87.4434L65.606 78.3645V64.5387L72.9649 57.9474V36.8647ZM28.3359 36.8647C28.3359 34.7167 32.0153 34.5419 32.0153 36.8647V49.0899L45.3094 61.0849V87.4434L35.6949 78.3645V64.5387L28.3359 57.9474V36.8647Z"
+        fill="#FAB31C"
+      />
+    </svg>
     <div class="text-center">
       <h2 :class="[$libStyles.blackText]" class="text-[26px] leading-5 mb-5">Сервис временно не доступен</h2>
       <p v-if="errorStack.length" class="mt-4 flex flex-col">

package/plugins/storePlugin.ts

@@ -11,6 +11,7 @@ export default defineNuxtPlugin(nuxtApp => {
   return {
     provide: {
       dataStore: useDataStore(),
+      rules: useDataStore().rules,
       libStyles: new Styles(),
       t: useDataStore().t,
       toast: useDataStore().showToaster,