hl-core 0.0.8-beta.35 → 0.0.8-beta.36

package/components/Button/Btn.vue

@@ -11,7 +11,7 @@
       $libStyles[`btnH${$capitalize(size)}` as keyof typeof $libStyles],
     ]"
   >
-    <base-loader v-if="loading" :size="24" color="#FFF" bg-color="" :width="2"></base-loader>
+    <base-loader v-if="loading" :size="24" color="#FFF" bg-color="" :width="2" />
     <span v-if="!loading">{{ text }}</span>
   </button>
 </template>

package/components/Button/ScrollButtons.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="absolute bottom-[12%] right-1 flex flex-col gap-4">
-    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8"  variant="outlined" icon="mdi mdi-arrow-up" @click="$emit('up')"></v-btn>
-    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8"  variant="outlined" icon="mdi mdi-arrow-down" @click="$emit('down')"></v-btn>
+    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8" variant="outlined" icon="mdi mdi-arrow-up" @click="$emit('up')" />
+    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8" variant="outlined" icon="mdi mdi-arrow-down" @click="$emit('down')" />
   </div>
 </template>

package/components/Complex/Page.vue

@@ -9,7 +9,7 @@
       :title="title"
       @onBack="$emit('onBack')"
       @onMore="$emit('onMore')"
-    ></base-header>
+    />
     <slot></slot>
   </base-content>
 </template>

package/components/Dialog/Dialog.vue

@@ -4,15 +4,15 @@
       <v-card-title>
         <slot v-if="!title" name="title"></slot>
         {{ title }}
-        <v-btn class="!absolute top-2 right-3" icon="mdi mdi-window-close" variant="plain" @click="$emit('update:modelValue', null)"></v-btn>
+        <v-btn class="!absolute top-2 right-3" icon="mdi mdi-window-close" variant="plain" @click="$emit('update:modelValue', null)" />
       </v-card-title>
       <v-card-subtitle>
         <slot v-if="!subtitle" name="subtitle"></slot>
         {{ subtitle }}
       </v-card-subtitle>
       <v-card-actions class="gap-[16px] m-2">
-        <base-btn v-if="actions === 'default'" class="!w-fit px-6" size="sm" :text="$t('confirm.yes')" :btn="$libStyles.blueBtn" @click="$emit('yes')"></base-btn>
-        <base-btn v-if="actions === 'default'" class="!w-fit px-6" size="sm" :text="$t('confirm.no')" :btn="$libStyles.blueBtn" @click="$emit('no')" />
+        <base-btn v-if="actions === 'default'" class="!w-fit px-6" size="sm" :text="$dataStore.t('confirm.yes')" :btn="$libStyles.blueBtn" @click="$emit('yes')" />
+        <base-btn v-if="actions === 'default'" class="!w-fit px-6" size="sm" :text="$dataStore.t('confirm.no')" :btn="$libStyles.blueBtn" @click="$emit('no')" />
         <slot v-if="actions !== 'default'" name="actions"></slot>
       </v-card-actions>
     </v-card>

package/components/Dialog/FamilyDialog.vue

@@ -1,7 +1,10 @@
 <template>
   <v-list lines="two" v-if="formStore.birthInfos && formStore.birthInfos.length" class="w-full !py-0">
-    <v-list-item @click="$emit('reset')" :append-icon="selected && Object.keys(selected).length === 0 ? `mdi-radiobox-marked ${$libStyles.greenText}` : 'mdi-radiobox-blank text-[#636363]'">
-      <v-list-item-title :class="[$libStyles.greenText, $libStyles.textTitle]">{{ $t('form.notChosen') }}</v-list-item-title>
+    <v-list-item
+      @click="$emit('reset')"
+      :append-icon="selected && Object.keys(selected).length === 0 ? `mdi-radiobox-marked ${$libStyles.greenText}` : 'mdi-radiobox-blank text-[#636363]'"
+    >
+      <v-list-item-title :class="[$libStyles.greenText, $libStyles.textTitle]">{{ $dataStore.t('form.notChosen') }}</v-list-item-title>
     </v-list-item>
     <v-list-item
       v-for="familyMember of formStore.birthInfos"
@@ -13,12 +16,12 @@
         `${familyMember.childSurName} ${familyMember.childName} ${familyMember.childPatronymic ? familyMember.childPatronymic : ''}`
       }}</v-list-item-title>
       <v-list-item-subtitle :class="[$libStyles.textSimple]"
-        ><span>{{ `${$t('form.iin')}:` }}</span
+        ><span>{{ `${$dataStore.t('form.iin')}:` }}</span
         >{{ ` ${$reformatIin(familyMember.childIIN!)}` }}</v-list-item-subtitle
       >
     </v-list-item>
   </v-list>
-  <base-list-empty class="w-full" v-else></base-list-empty>
+  <base-list-empty class="w-full" v-else />
 </template>
 
 <script lang="ts">

package/components/Form/FormBlock.vue

@@ -9,7 +9,7 @@
           class="hidden lg:flex transition-all rounded-lg h-[36px] flex items-center font-medium justify-center opacity-50 hover:opacity-90 w-[120px]"
           @click="!disabled && memberStore.addMember(whichForm)"
         >
-          {{ $t('buttons.add') }}
+          {{ $dataStore.t('buttons.add') }}
         </div>
       </div>
       <p v-if="!!subtitle" :class="[$libStyles.greyText, $libStyles.textSimple]">{{ subtitle }}</p>
@@ -18,12 +18,12 @@
       class="ml-5 mt-6 grid auto-rows-fr items-center"
       :class="[isShort ? 'grid-cols-2 md:gap-5 md:grid-cols-2 lg:grid-cols-2 mb-6' : 'grid-cols-4 md:gap-5 md:grid-cols-4 lg:grid-cols-7 ']"
     >
-      <span :class="[$libStyles.textSimple]" class="font-medium">{{ $t('form.fullName') }}</span>
-      <span :class="[$libStyles.textSimple]" class="font-medium">{{ $t('form.iin') }}</span>
-      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $t('form.gender') }}</span>
-      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium"> {{ $t('form.birthDate') }} </span>
-      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('form.Country') }} </span>
-      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $t('code') }}</span>
+      <span :class="[$libStyles.textSimple]" class="font-medium">{{ $dataStore.t('form.fullName') }}</span>
+      <span :class="[$libStyles.textSimple]" class="font-medium">{{ $dataStore.t('form.iin') }}</span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $dataStore.t('form.gender') }}</span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium"> {{ $dataStore.t('form.birthDate') }} </span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('form.Country') }} </span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $dataStore.t('code') }}</span>
     </div>
     <div v-if="isMultiple" class="ml-5 flex flex-col" :class="[isShort ? 'mb-6' : '']">
       <div
@@ -44,7 +44,7 @@
           :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover, disabled ? $libStyles.disabled : 'cursor-pointer']"
           @click="!disabled && $emit('onMore', { whichForm, index })"
         >
-          <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"> </i>
+          <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"></i>
         </div>
       </div>
     </div>
@@ -65,7 +65,7 @@
         :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover, disabled ? $libStyles.disabled : 'cursor-pointer']"
         @click="!disabled && $emit('onMore', { whichForm })"
       >
-        <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"> </i>
+        <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"></i>
       </div>
     </div>
     <div
@@ -74,7 +74,7 @@
       class="block lg:hidden transition-all rounded-b-lg h-[36px] flex items-center font-medium justify-center opacity-50 hover:opacity-90"
       @click="!disabled && memberStore.addMember(whichForm)"
     >
-      {{ $t('buttons.add') }}
+      {{ $dataStore.t('buttons.add') }}
     </div>
   </div>
 </template>

package/components/Form/FormToggle.vue

@@ -13,10 +13,9 @@
       color="#009C73"
       hide-details
       :disabled="disabled"
-    >
-    </v-switch>
+    />
     <p :class="[$libStyles.textSimple]">{{ `${title}` }}</p>
-    <p class="mr-3" :class="[modelValue ? $libStyles.greenText : '', $libStyles.textSimple]">{{ `${modelValue ? $t('confirm.yes') : $t('confirm.no')}` }}</p>
+    <p class="mr-3" :class="[modelValue ? $libStyles.greenText : '', $libStyles.textSimple]">{{ `${modelValue ? $dataStore.t('confirm.yes') : $dataStore.t('confirm.no')}` }}</p>
   </div>
 </template>
 

package/components/Form/ManagerAttachment.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="rounded-lg border-[1px]" :class="[$libStyles.whiteBg, disabled && $libStyles.disabled]">
     <div class="mt-3 ml-5">
-      <p :class="[$libStyles.textTitle, $libStyles.greenText]">{{ $t('form.attachManager') }}</p>
+      <p :class="[$libStyles.textTitle, $libStyles.greenText]">{{ $dataStore.t('form.attachManager') }}</p>
     </div>
     <v-form ref="vForm" class="flex flex-col mt-1">
       <base-panel-input
@@ -10,55 +10,55 @@
         :value="formStore.SaleChanellPolicy.nameRu"
         :readonly="isReadonly"
         :clearable="!isReadonly"
-        :label="$t('form.salesChanell')"
+        :label="$dataStore.t('form.salesChanell')"
         :rules="$rules.objectRequired"
         append-inner-icon="mdi mdi-chevron-right"
-        @append="openPanel('SaleChanellPolicy', $t('form.salesChanell'))"
-      ></base-panel-input>
+        @append="openPanel('SaleChanellPolicy', $dataStore.t('form.salesChanell'))"
+      />
       <base-panel-input
         class="pl-1"
         v-model="formStore.RegionPolicy"
         :value="formStore.RegionPolicy.nameRu"
         :readonly="isReadonly"
         :clearable="!isReadonly"
-        :label="$t('form.Region')"
+        :label="$dataStore.t('form.Region')"
         :rules="$rules.objectRequired"
         append-inner-icon="mdi mdi-chevron-right"
-        @append="openPanel('RegionPolicy', $t('form.Region'))"
-      ></base-panel-input>
+        @append="openPanel('RegionPolicy', $dataStore.t('form.Region'))"
+      />
       <base-panel-input
         class="pl-1"
         v-model="formStore.ManagerPolicy"
         :value="formStore.ManagerPolicy.nameRu"
         :readonly="isReadonly"
         :clearable="!isReadonly"
-        :label="$t('form.manager')"
+        :label="$dataStore.t('form.manager')"
         :rules="$rules.objectRequired"
         append-inner-icon="mdi mdi-chevron-right"
-        @append="openPanel('ManagerPolicy', $t('form.manager'))"
-      ></base-panel-input>
+        @append="openPanel('ManagerPolicy', $dataStore.t('form.manager'))"
+      />
       <base-panel-input
         class="pl-1"
         v-model="formStore.AgentData"
         :value="formStore.AgentData.fullName"
         :readonly="isReadonly"
         :clearable="!isReadonly"
-        :label="$t('form.agent')"
+        :label="$dataStore.t('form.agent')"
         :rules="$rules.agentDataRequired"
         append-inner-icon="mdi mdi-chevron-right"
-        @append="openPanel('AgentData', $t('form.agent'))"
-      ></base-panel-input>
+        @append="openPanel('AgentData', $dataStore.t('form.agent'))"
+      />
     </v-form>
     <Teleport v-if="isPanelOpen" to="#panel-actions">
       <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input
           v-model.trim="searchQuery"
-          :label="$t('labels.search')"
+          :label="$dataStore.t('labels.search')"
           class="w-full p-2"
           :hide-details="true"
           :append-inner-icon="currentDictName === 'AgentData' ? 'mdi mdi-magnify' : ''"
           @append="searchAgent"
-        ></base-rounded-input>
+        />
         <div v-if="dictList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
           <div v-for="(item, index) in dictList" :key="item.id">
             <base-panel-select-item
@@ -66,10 +66,10 @@
               :text="currentDictName === 'AgentData' ? item.fullName : (item.nameRu as string)"
               :selected="currentDictName === 'AgentData' ? item.fullName === panelValue.fullName : item.nameRu === panelValue.nameRu"
               @click="pickPanelValue(item)"
-            ></base-panel-select-item>
+            />
           </div>
         </div>
-        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
+        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
   </div>

package/components/Form/ProductConditionsBlock.vue

@@ -2,17 +2,17 @@
   <div class="pt-3 pl-5 rounded-lg border-[1px]" :class="[$libStyles.whiteBg, disabled && $libStyles.disabled]">
     <div>
       <p :class="[$libStyles.textTitle, $libStyles.greenText]">
-        {{ $t('productConditions') }}
+        {{ $dataStore.t('productConditions') }}
       </p>
       <p v-if="!!subtitle" :class="[$libStyles.greyText, $libStyles.textSimple]">{{ subtitle }}</p>
     </div>
     <div class="mt-6 grid grid-cols-3 lg:grid-cols-5 auto-rows-fr items-center">
-      <span v-if="hasSum" :class="[$libStyles.textSimple]" class="font-medium">{{ $t('productConditionsForm.requestedSumInsured') }}</span>
-      <span v-if="hasPremium" :class="[$libStyles.textSimple]" class="font-medium">{{ $t('productConditionsForm.insurancePremiumPerMonth') }}</span>
-      <span v-if="hasPolicyNumber" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('buttons.InsuranceContract') }}</span>
-      <span v-if="hasContractDate" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('productConditionsForm.contractDate') }}</span>
-      <span v-if="hasCoverPeriod" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('productConditionsForm.coverPeriod') }}</span>
-      <span v-if="hasPayPeriod" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('productConditionsForm.payPeriod') }}</span>
+      <span v-if="hasSum" :class="[$libStyles.textSimple]" class="font-medium">{{ $dataStore.t('productConditionsForm.requestedSumInsured') }}</span>
+      <span v-if="hasPremium" :class="[$libStyles.textSimple]" class="font-medium">{{ $dataStore.t('productConditionsForm.insurancePremiumPerMonth') }}</span>
+      <span v-if="hasPolicyNumber" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('buttons.InsuranceContract') }}</span>
+      <span v-if="hasContractDate" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('productConditionsForm.contractDate') }}</span>
+      <span v-if="hasCoverPeriod" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('productConditionsForm.coverPeriod') }}</span>
+      <span v-if="hasPayPeriod" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('productConditionsForm.payPeriod') }}</span>
     </div>
     <div class="grid grid-cols-3 lg:grid-cols-5 auto-rows-fr items-center">
       <span v-if="hasSum" :class="[amount === null && $libStyles.emptyBlockCol]">{{ amount }} </span>
@@ -28,7 +28,7 @@
         :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover, disabled ? $libStyles.disabled : 'cursor-pointer']"
         @click="!disabled && $emit('onMore', { whichForm: 'productConditions' })"
       >
-        <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"> </i>
+        <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"></i>
       </div>
     </div>
   </div>

package/components/Input/Datepicker.vue

@@ -17,7 +17,7 @@
     select-text="Выбрать"
   >
     <template #trigger>
-      <v-icon icon="mdi mdi-calendar-blank-outline cursor-pointer"></v-icon>
+      <v-icon icon="mdi mdi-calendar-blank-outline cursor-pointer" />
     </template>
   </vue-date-picker>
 </template>

package/components/Input/FileInput.vue

@@ -12,8 +12,8 @@
     accept=".pdf,.doc,.jpeg,.jpg,.jpg"
     truncate-length="15"
     clear-icon="mdi mdi-close"
-    :label="$t('labels.chooseDoc')"
-  ></v-file-input>
+    :label="$dataStore.t('labels.chooseDoc')"
+  />
 </template>
 
 <script lang="ts">

package/components/Input/FormInput.vue

@@ -34,16 +34,16 @@
         v-if="appendInnerIcon.includes('mdi-calendar-blank-outline') === false"
         :icon="appendInnerIcon"
         @click="appendInnerIcon.includes('mdi-magnify') ? $emit('append') : !props.readonly && $emit('append')"
-      ></v-icon>
+      />
       <base-datepicker
         v-if="appendInnerIcon.includes('mdi-calendar-blank-outline') && !props.readonly"
         :model-value="modelValue"
         @update:modelValue="$emit('update:modelValue', $event)"
         :teleport="teleport"
-      ></base-datepicker>
+      />
     </template>
     <template v-if="loading" #loader>
-      <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate></v-progress-linear>
+      <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate />
     </template>
   </v-text-field>
 </template>

package/components/Input/PanelInput.vue

@@ -32,7 +32,7 @@
     @update:modelValue="$emit('update:modelValue', $event)"
   >
     <template v-if="loading" #loader>
-      <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate></v-progress-linear>
+      <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate />
     </template>
   </v-text-field>
 </template>

package/components/Input/RoundedInput.vue

@@ -28,7 +28,7 @@
     @update:modelValue="$emit('update:modelValue', $event)"
   >
     <template v-if="loading" #loader>
-      <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate></v-progress-linear>
+      <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate />
     </template>
   </v-text-field>
 </template>
@@ -117,7 +117,7 @@ export default defineComponent({
 
     return {
       submitted,
-      props
+      props,
     };
   },
 });

package/components/Input/RoundedSelect.vue

@@ -26,7 +26,7 @@
     @update:modelValue="$emit('update:modelValue', $event)"
   >
     <template v-if="loading" #loader>
-      <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate></v-progress-linear>
+      <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate />
     </template>
   </v-select>
 </template>

package/components/Layout/Drawer.vue

@@ -8,11 +8,11 @@
     :disable-resize-watcher="true"
     :disable-route-watcher="true"
   >
-    <base-header :title="panelTitle" :has-back="true" back-icon="mdi-close" class="justify-center" @onBack="closePanel"></base-header>
+    <base-header :title="panelTitle" :has-back="true" back-icon="mdi-close" class="justify-center" @onBack="closePanel" />
     <div v-if="$dataStore.panelAction === null" class="flex flex-col" id="panel-actions">
       <slot></slot>
     </div>
-    <base-panel-handler v-else></base-panel-handler>
+    <base-panel-handler v-else />
     <slot name="panel"></slot>
   </v-navigation-drawer>
 </template>

package/components/Layout/Loader.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-progress-circular :size="size" :width="width" :indeterminate="indeterminate" :color="color" :bg-color="bgColor"></v-progress-circular>
+  <v-progress-circular :size="size" :width="width" :indeterminate="indeterminate" :color="color" :bg-color="bgColor" />
 </template>
 
 <script lang="ts">

package/components/Layout/SettingsPanel.vue

@@ -1,20 +1,20 @@
 <template>
   <base-drawer :panel-title="$dataStore.menu.title" which-panel="settings">
     <base-panel-item>
-      <v-btn size="x-small" icon="mdi-minus" color="#A0B3D8" class="text-white" variant="flat" @click="handleFontSize('decrease')"></v-btn>
+      <v-btn size="x-small" icon="mdi-minus" color="#A0B3D8" class="text-white" variant="flat" @click="handleFontSize('decrease')" />
       Шрифт
-      <v-btn size="x-small" icon="mdi-plus" color="#A0B3D8" class="text-white" variant="flat" @click="handleFontSize('increase')"></v-btn>
+      <v-btn size="x-small" icon="mdi-plus" color="#A0B3D8" class="text-white" variant="flat" @click="handleFontSize('increase')" />
     </base-panel-item>
     <base-panel-item>
-      <v-text-field v-model="$dataStore.user.fullName" :readonly="true" hide-details variant="plain" :label="$dataStore.user.roles?.join(', ')"></v-text-field>
+      <v-text-field v-model="$dataStore.user.fullName" :readonly="true" hide-details variant="plain" :label="$dataStore.user.roles?.join(', ')" />
       <i class="mdi mdi-account-outline text-2xl text-[#A0B3D8]"></i
     ></base-panel-item>
     <base-panel-item v-if="$dataStore.isEFO && !isProduction" @click="changeBridge('lka')" class="cursor-pointer">
-      {{ $t('labels.lkaLong') }}
+      {{ $dataStore.t('labels.lkaLong') }}
       <i class="mdi mdi-chevron-right text-2xl text-[#A0B3D8]"></i
     ></base-panel-item>
     <base-panel-item v-if="$dataStore.isLKA" @click="changeBridge('efo')" class="cursor-pointer">
-      {{ $t('labels.efoLong') }}
+      {{ $dataStore.t('labels.efoLong') }}
       <i class="mdi mdi-web text-2xl text-[#A0B3D8]"></i
     ></base-panel-item>
     <base-panel-item
@@ -27,19 +27,25 @@
       <i v-if="panelItem.icon" class="mdi text-xl text-[#A0B3D8]" :class="[panelItem.icon]"></i>
     </base-panel-item>
     <base-panel-item v-if="hasHistory" @click="openHistory" class="cursor-pointer">
-      {{ $t('historyStatementsAndStatuses') }}
+      {{ $dataStore.t('historyStatementsAndStatuses') }}
       <i class="mdi mdi-history text-xl text-[#A0B3D8]"></i>
     </base-panel-item>
     <base-panel-item @click="dialogSignOut = true" class="cursor-pointer" :class="[$libStyles.redText]">
-      {{ $t('buttons.logout') }}
+      {{ $dataStore.t('buttons.logout') }}
       <i class="mdi mdi-logout text-xl"></i>
     </base-panel-item>
     <div v-if="$dataStore.settings.open" class="absolute bottom-2 w-full flex items-center justify-center opacity-30 text-sm">
       <p>{{ pkg.version }}</p>
     </div>
-    <base-dialog v-model="dialogSignOut" :title="$t('dialog.exit')" :subtitle="$t('dialog.dataWillClear')" actions="default" @yes="logoutUser" @no="dialogSignOut = false">
-    </base-dialog
-  ></base-drawer>
+    <base-dialog
+      v-model="dialogSignOut"
+      :title="$dataStore.t('dialog.exit')"
+      :subtitle="$dataStore.t('dialog.dataWillClear')"
+      actions="default"
+      @yes="logoutUser"
+      @no="dialogSignOut = false"
+    />
+  </base-drawer>
 </template>
 
 <script lang="ts" setup>

package/components/Menu/MenuHover.vue

@@ -2,7 +2,7 @@
   <v-menu v-if="items.length" :activator="activator" location="bottom center" :offset="top" transition="scale-transition">
     <base-form-text-section class="p-4 border-[1px] flex flex-col gap-3 elevation-3 w-[250px]">
       <div v-for="item of items.filter(i => $dataStore.filters.show(i))" :key="item.id">
-        <base-menu-nav-item :class="[$libStyles.textSimple]" :menu-item="item" @click="$emit(item.id)"></base-menu-nav-item>
+        <base-menu-nav-item :class="[$libStyles.textSimple]" :menu-item="item" @click="$emit(item.id)" />
       </div>
     </base-form-text-section>
   </v-menu>

package/components/Menu/MenuNav.vue

@@ -10,7 +10,7 @@
       :more-icon="moreIcon"
       @onBack="$emit('onBack')"
       @onMore="$emit('onMore')"
-    ></base-header>
+    />
     <slot key="slot-content" name="content"></slot>
     <section key="main" :class="[$libStyles.flexColNav]">
       <slot name="start"></slot>
@@ -42,8 +42,7 @@
                 :disabled="item.disabled"
                 :loading="$dataStore.isButtonsLoading"
                 @click="item.action"
-              >
-              </base-btn>
+              />
             </transition>
           </div></div
       ></base-fade-transition>

package/components/Menu/MenuNavItem.vue

@@ -12,7 +12,7 @@
     <span>{{ menuItem.title }}</span>
     <div class="flex items-center">
       <i v-if="menuItem.icon" class="mdi text-xl pr-4" :class="[menuItem.icon]"></i>
-      <base-chip :chip="menuItem.chip"></base-chip>
+      <base-chip :chip="menuItem.chip" />
     </div>
     <v-tooltip v-if="menuItem.description" activator="parent" location="bottom">{{ menuItem.description }}</v-tooltip>
   </div>

package/components/Pages/Anketa.vue

@@ -4,11 +4,11 @@
       <section :class="[$libStyles.blueBgLight, $libStyles.rounded]" class="mx-[10px] my-[14px] p-4 flex flex-col gap-4">
         <base-form-toggle
           v-model="answerToAll"
-          :title="$t('questionnaireType.answerAllNo')"
+          :title="$dataStore.t('questionnaireType.answerAllNo')"
           :disabled="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
           :has-border="false"
           @clicked="handleToggler"
-        ></base-form-toggle>
+        />
       </section>
       <v-form ref="vForm" class="max-h-[70vh] overflow-y-scroll" @submit="submitForm">
         <section
@@ -24,7 +24,7 @@
             :maska="$maska.threeDigit"
             :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
             :rules="$rules.required"
-          ></base-form-input>
+          />
         </section>
         <section
           v-if="firstQuestionList.filter(i => i.first.definedAnswers === 'Y').length"
@@ -39,7 +39,7 @@
                 class="rounded-t-lg pl-6 py-1 cursor-pointer"
                 @click="openFirstPanel(question)"
               >
-                {{ $t('questionnaireType.pleaseAnswer', { text: secondQuestionList.length }) }}
+                {{ $dataStore.t('questionnaireType.pleaseAnswer', { text: secondQuestionList.length }) }}
               </div>
             </base-fade-transition>
             <span :class="[$libStyles.textTitle]" class="border-b-[1px] border-b-[#F3F6FC] p-6 flex items-center justify-between">
@@ -62,8 +62,8 @@
                 :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
                 inline
               >
-                <v-radio label="Да" value="Да"></v-radio>
-                <v-radio label="Нет" value="Нет"></v-radio>
+                <v-radio label="Да" value="Да" />
+                <v-radio label="Нет" value="Нет" />
               </v-radio-group>
             </div>
           </base-form-text-section>
@@ -74,8 +74,8 @@
         :loading="isButtonLoading"
         :disabled="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
         @click="submitForm"
-        :text="$t('buttons.save')"
-      ></base-btn>
+        :text="$dataStore.t('buttons.save')"
+      />
     </section>
     <v-btn
       v-if="secondQuestionList && secondQuestionList.length && firstPanel"
@@ -85,7 +85,7 @@
         firstPanel = false;
         secondPanel = false;
       "
-    ></v-btn>
+    />
     <section
       ref="firstPanelSection"
       v-if="secondQuestionList && secondQuestionList.length && firstPanel"
@@ -94,12 +94,7 @@
     >
       <section v-if="currentQuestion" :class="[$libStyles.blueBgLight, $libStyles.rounded]" class="mx-[10px] mt-[14px] p-4 flex flex-col gap-4">
         <base-form-text-section v-for="question in currentQuestion.second" :title="question.name" :key="question.name">
-          <base-form-input
-            v-if="question.definedAnswers === 'N'"
-            v-model="question.answerText"
-            class="border-t-[1px] border-t-[#F3F6FC]"
-            placeholder="Введите текст"
-          ></base-form-input>
+          <base-form-input v-if="question.definedAnswers === 'N'" v-model="question.answerText" class="border-t-[1px] border-t-[#F3F6FC]" placeholder="Введите текст" />
           <span v-else class="flex items-center justify-between p-4 cursor-pointer" :class="[$libStyles.textTitle, $libStyles.greenText]" @click="openSecondPanel(question)">
             {{ question.answerName ? question.answerName : 'Выбрать вариант ответа' }}
             <i class="mdi mdi-chevron-right text-[28px]"></i>
@@ -110,7 +105,7 @@
   </base-fade-transition>
   <Teleport v-if="secondPanel" to="#panel-actions">
     <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
-      <base-rounded-input v-model="searchQuery" :label="$t('labels.search')" class="w-full p-2" :hide-details="true"></base-rounded-input>
+      <base-rounded-input v-model="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
       <div v-if="$dataStore.questionRefs && $dataStore.questionRefs.length && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
         <base-panel-select-item
           v-for="(item, index) of $dataStore.questionRefs.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery, 'i')))"
@@ -118,9 +113,9 @@
           :text="`${item.nameRu}`"
           :selected="currentSecond!.answerId === item.ids"
           @click="closeSecondPanel(item)"
-        ></base-panel-select-item>
+        />
       </div>
-      <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
+      <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
     </div>
   </Teleport>
   <base-scroll-buttons @up="scrollForm('up')" @down="scrollForm('down')" />