28/7/1404

2025-10-20 18:26:45 +03:30
parent 0fdf9017ac
commit 0db71b78b0
10 changed files with 1145 additions and 334 deletions
@@ -22,6 +22,7 @@
        "odometer": "^0.4.8",
        "pinia": "^2.1.4",
        "sass": "^1.69.4",
+        "swiper": "^12.0.2",
        "unocss": "^0.55.1",
        "unplugin-vue-components": "^0.25.1",
        "vant": "^4.7.2",
@@ -8155,6 +8156,24 @@
        "node": ">= 0.8.0"
      }
    },
+    "node_modules/swiper": {
+      "version": "12.0.2",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-12.0.2.tgz",
+      "integrity": "sha512-y8F6fDGXmTVVgwqJj6I00l4FdGuhpFJn0U/9Ucn1MwWOw3NdLV8aH88pZOjyhBgU/6PyBlUx+JuAQ5KMWz906Q==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
    "node_modules/synckit": {
      "version": "0.8.5",
      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.5.tgz",
@@ -26,6 +26,7 @@
    "odometer": "^0.4.8",
    "pinia": "^2.1.4",
    "sass": "^1.69.4",
+    "swiper": "^12.0.2",
    "unocss": "^0.55.1",
    "unplugin-vue-components": "^0.25.1",
    "vant": "^4.7.2",
@@ -11,6 +11,7 @@
      :width="props.width"
      :ok-text="props.okText"
      :cancel-text="props.cancelText"
+      :closable="props.closable"
      :wrapClassName="props.wrapClassName"
    >
      <template v-if="props.customFooter" #footer> <slot name="footer" /></template>
@@ -38,6 +39,7 @@ interface Prop {
  cancelText?: string
  customFooter?: boolean
  loading?: boolean
+  closable?: boolean
  wrapClassName?: string
 }

@@ -47,7 +49,8 @@ const props = withDefaults(defineProps<Prop>(), {
  okText: 'ثبت',
  customFooter: false,
  loading: false,
-  wrapClassName: ''
+  wrapClassName: '',
+  closable: true
 })

 const localValue = computed({
@@ -45,7 +45,7 @@ export interface User {
  wallet: Wallet;
  pwallet:PWallet;
  wallets: Wallets
-
+  virtual_card_number: string
  finger_print: boolean
  gold: number;
 }
@@ -1,6 +1,5 @@
 <template>
  <div class=" mt-20">
-
    <div class="flex gap-7 overflow-x-scroll px-5">
      <ProductInventory v-for="item in productInventorys" :ProductItem="item" class="shadow-lg my-5" :key="item.id"></ProductInventory>
    </div>
@@ -18,6 +17,18 @@
          {{ usePriceWithoutType(limitedPrice.value as number ?? 0) }} ریال می باشد.
        </div>

+        <div class="px-2 py-8 rounded-lg border-1 text-center border-tertiary">
+          <div>{{ userStore?.userInfo?.virtual_card_number ?? 'شماره کارتی موجود نمی باشد.' }}</div>
+          <div class="flex justify-center">
+            <div>دارایی طلایی :</div>
+            <div>{{ (userStore?.userInfo?.wallet?.count_gold ?? 0).toFixed(3)}}گرم</div>
+          </div>
+          <div class="flex justify-center">
+            <div>دارایی ریالی :</div>
+            <div>{{ (userStore?.userInfo?.wallet?.count_gold ?? 0).toFixed(3)}}ریال</div>
+          </div>
+        </div>
+
        <!--        <div class="bg-white">
          <MySlider v-if="cardItems.length > 0" :items="cardItems" class=" pb-[20vh] "
                    style="touch-action: none" />
@@ -43,7 +54,7 @@
              <div
                  class="text-center w-full flex-flex-col items-center home_appear_fade_in_up"
                  style="text-align: -webkit-center"
-                  @click="router.push({ name: 'buyProduct' })"
+                  @click="router.push({ name: 'gold' })"
              >
                <div
                    class="rounded-full w-[50px] h-[50px] bg-primary flex items-center justify-center"
@@ -84,22 +95,22 @@
              <div
                  class="text-center w-full flex-flex-col items-center home_appear_fade_in_down"
                  style="text-align: -webkit-center"
-                  @click="router.push({ name: 'fund' })"
+                  @click="router.push({ name: 'earnMoney' })"
              >
                <div
                    class="rounded-full w-[50px] h-[50px] bg-primary flex items-center justify-center"
                    style=" border: solid 1px #20514b"

                >
-                  <Icon class="text-tertiary font-bold" icon="vuesax-linear:cup" />
+                  <Icon class="text-tertiary font-bold" icon="vuesax-linear:dollar-circle" />
                </div>
-                <div class="text-primary">دارایی ها</div>
+                <div class="text-primary">کسب درآمد</div>
              </div>
            </div>
          </div>
          <!--            <ADivider></ADivider>-->
-          <div>
-            <!--            <div @click="router.push({ name: 'fund' })">-->
+<!--          <div>
+            &lt;!&ndash;            <div @click="router.push({ name: 'fund' })">&ndash;&gt;
            <div class="bg-primary rounded-lg p-2 py-6 mt-2">
              <div class="flex justify-center text-tertiary w-full z-20">
                محصولات:
@@ -116,11 +127,11 @@
                <BasicIcon @click="openRialModal" icon="vuesax-linear:info-circle" size="18" color="orange" />
              </div>
            </div>
-            <!--              <div class="flex  justify-center mt-2 w-full z-20">
+            &lt;!&ndash;              <div class="flex  justify-center mt-2 w-full z-20">
                            دارایی ریالی:
                            <div class="text-l mr-4 font-bold">{{ usePriceWithoutType(walletStore.walletInfo?.count_cash ?? 0) }}ریال</div>
-                          </div>-->
-            <!--              <div class="flex justify-center mt-2 w-full z-20">
+                          </div>&ndash;&gt;
+            &lt;!&ndash;              <div class="flex justify-center mt-2 w-full z-20">
                            <BasicInfoItem
                                title="دارایی ریالی"
                                is-line
@@ -128,8 +139,8 @@
                                infoHead="مجموع کل دارایی ریالی"
                                :value="usePriceWithoutType(walletStore.walletInfo?.count_cash ?? 0) + ' ریال'"
                            />
-                          </div>-->
-          </div>
+                          </div>&ndash;&gt;
+          </div>-->
          <!--            <div class="flex justify-between">
                        <div class="text-center font-bold">دارایی شما</div>
                        <div class="flex items-center gap-2 mr-4">
@@ -214,6 +225,16 @@
            </div>
          </div>
        </div>
+
+        <swiper
+          :slides-per-view="1.5"
+          :space-between="5"
+        >
+          <swiper-slide><img class="p-2 img rounded-lg" :src="img" /></swiper-slide>
+          <swiper-slide><img class="p-2 img rounded-lg" :src="img" /></swiper-slide>
+        </swiper>
+
+
        <div class="flex mt-5 gap-1 bg-primary text-[#CEA34C] font-bold justify-center rounded-lg py-5"
             @click="router.push({ name: 'buyProduct', query: { cat: 'coin'} })">
          <div>خرید و فروش</div>
@@ -409,29 +430,45 @@
      </div>
    </div>
  </BasicActionSheet>
+  <BasicModal
+    v-model:visible="openModal"
+    custom-footer
+    :closable="true"
+  >
+    <div class="text-center">
+      <div class="mt-2">
+        <div>با دعوت دوستان خود به قطره، هم به آن‌ها تجربه‌ای ارزشمند هدیه بدهید و هم خودتان طلا دریافت کنید.</div>
+        <div>همین حالا کلیک کنید و پاداش بگیرید!</div>
+      </div>
+    </div>
+
+    <template #footer>
+      <a-button type="primary" class="w-full" @click="closeModal">
+        کسب درآمد
+      </a-button>
+    </template>
+  </BasicModal>
+
 </template>

 <script lang="tsx" setup>
-import img from '@/assets/img/home_ly1.svg'
-import img1 from '@/assets/img/home_ly2.svg'
+import { Swiper, SwiperSlide } from 'swiper/vue';
+import 'swiper/swiper-bundle.css';
+import img from '@/assets/img/ghatreLogo.png'
 import Icon from '@/components/BasicPacks/BasicIcon.vue'
 import { usePrice, usePriceWithoutType, useTowDecimal } from '../../../utils/usePrice'
-import {computed, createVNode, onMounted, onUnmounted, ref, watch, watchEffect} from 'vue'
+import {computed, createVNode, onMounted, onUnmounted, ref, watch} from 'vue'
 import router from '@/router'
 import * as echarts from 'echarts'
-
 import { useIntersectionObserver, useWindowScroll } from '@vueuse/core'
 import { loading, removeToken } from '@/utils'
 import { useUserStore } from '@/store/userStore'
 import { useWalletStore } from '@/store/walletStore'
 import DialogVant from '@/components/DialogVant.vue'
-import type { Price } from '@/models/home'
-import { getAllPrices, getChart, getLastPrice, getPrice } from '@/api/home'
-// import odometer from 'odometer/odometer'
+import { getAllPrices, getChart } from '@/api/home'
 import Vue3Odometer from 'vue3-odometer'
 import 'odometer/themes/odometer-theme-default.css'
 import HomeSkeleton from '@/views/base/home/components/HomeSkeleton.vue'
-import { toJalaliNotime } from '@/utils/useDateTime'
 import {
  getLastPrices,
  getUpPrice,
@@ -444,28 +481,21 @@ import {
 import { DotLottieVue } from '@lottiefiles/dotlottie-vue'
 import BasicActionSheet from '@/components/BasicPacks/BasicActionSheet.vue'
 import BasicInfoItem from '@/components/BasicPacks/BasicInfoItem.vue'
-import MySlider from '@/views/base/wallet/components/mySlider/MySlider.vue'
-import type { Card, PWallet, Wallet } from '@/models/wallet'
-import { getActivatedCards } from '@/api/wallet'
 import banner1 from '@/assets/img/banner/banner1.png'
 import banner2 from '@/assets/img/banner/banner2.png'
-import image from '@/assets/img/image.svg'
-
-import BasicButton from '@/components/BasicPacks/BasicButton.vue'
-import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
 import ProductInventory from '@/views/base/home/components/ProductInventory.vue'
 import type { PInventory, Product } from '@/models/products'
-import { getProductInventory } from '@/api/products'
 import type { Fund } from '@/models/fund'
 import type { TableOutput } from '@/models/table'
 import { useFundUserStore } from '@/store/fundStore'
 import {Modal} from "ant-design-vue";
-import {ExclamationCircleOutlined} from "@ant-design/icons-vue";
-import {message} from "ant-design-vue/es";
+import BasicButton from '@/components/BasicPacks/BasicButton.vue'
+import BasicModal from '@/components/BasicPacks/BasicModal.vue'

 const userStore = useUserStore()
 const walletStore = useWalletStore()
 const chartLoading = ref<boolean>(false)
+const openModal = ref<boolean>(false)
 const wholeBalanceVisible = ref<boolean>(false)
 const { x, y } = useWindowScroll()
 const series = ref<Chart[]>([{ data: [] }])
@@ -799,6 +829,12 @@ async function initProductInventory() {
  }
 }

+function closeModal() {
+  openModal.value = false
+  localStorage.setItem('hasSeenIntroModal', 'true')
+  router.push({ name: 'earnMoney' })
+}
+
 onMounted(async () => {
  try {
    loading.value = true
@@ -808,6 +844,10 @@ onMounted(async () => {
    await initPrice()
    await fetchPrices()
    update()
+    const hasSeenModal = localStorage.getItem('hasSeenIntroModal')
+    if (!hasSeenModal) {
+      openModal.value = true
+    }
  } catch (e) {
    console.log(e)
  } finally {
@@ -36,13 +36,13 @@
                <div>درباره ما</div>
              </div>
            </BasicButton>
-<!--            <BasicButton icon-size="16" class="!font-bold w-15rem"-->
-<!--                         @click="$router.push({name: 'physicalReceive'}); popVisible = false">-->
-<!--              <div class="flex gap-2 items-center">-->
-<!--                <BasicIcon icon="vuesax-linear:direct-inbox" size="16" class="absolute right-2" />-->
-<!--                <div>دریافت طلای فیزیکی</div>-->
-<!--              </div>-->
-<!--            </BasicButton>-->
+            <BasicButton icon-size="16" class="!font-bold w-15rem"
+                         @click="$router.push({name: 'physicalReceive'}); popVisible = false">
+              <div class="flex gap-2 items-center">
+                <BasicIcon icon="vuesax-linear:direct-inbox" size="16" class="absolute right-2" />
+                <div>دریافت طلای فیزیکی</div>
+              </div>
+            </BasicButton>
            <BasicButton icon-size="16" class="!font-bold w-15rem"
                         @click="$router.push({name: 'rules'}); popVisible = false">
              <div class="flex gap-2 items-center">
@@ -87,8 +87,8 @@
          <Icon icon="vuesax-linear:receipt-item" />
          <div class="text-xs mt-1 font-bold">گزارش</div>
        </div>
-        <div class="main_in" @click="setRoute('buyProduct')">
-         <div class="text-white  circle_in">
+        <div class="main_in">
+         <div class="text-white circle_in">
           <div class="circle_into " @click="popVisible = !popVisible">
             <img
               class="p-2"
@@ -98,8 +98,6 @@
 <!--           <div class="flex justify-center">خرید </div>
           <div class="flex justify-center">محصول </div>-->
         </div>
-
-
        </div>
 <!--        <div :class="setNavColor('buyProduct')" class="tab" @click="setRoute('buyProduct')">
          <Icon icon="vuesax-linear:coin" />
@@ -109,9 +107,9 @@
          <Icon icon="vuesax-linear:wallet-1" />
          <div class="text-xs mt-1 font-bold">کیف پول</div>
        </div>
-        <div :class="setNavColor('setting')" class="tab" @click="setRoute('user')">
-          <Icon icon="vuesax-linear:setting-2" />
-          <div class="text-xs mt-1 font-bold">تنظیمات</div>
+        <div :class="setNavColor('physicalReceive')" class="tab" @click="setRoute('physicalReceive')">
+          <Icon icon="vuesax-linear:direct-inbox" />
+          <div class="text-xs mt-1 font-bold">تحویل فیزیکی</div>
        </div>
      </div>
      <!--      <div class="w-[80px] h-[80px] border-1">
@@ -239,7 +237,6 @@ function setRoute(val: string) {
      }
    }
  }
-
  .main {
    height: 70px;
    width: 70px;
@@ -250,112 +247,12 @@ function setRoute(val: string) {
      height: 100%;
      width: 100%;
      z-index: 20;
-      //border: 1px dashed primary;
      box-shadow: 0px -5px 4px -2px #0000001A;
      position: absolute;
    }
  }
 }

-/*.wrapper{
-  max-width: 400px;
-  margin: 0px auto;
-}
-.page{
-  width: 100vw;
-  height: 100vh;
-  padding: 20px;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  img{
-    max-width: 60%;
-    height: auto;
-    display: block;
-  }
-}
-.bottom-appbar {
-  height: 70px;
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 20;
-  .tabs {
-    display: flex;
-    flex-direction: row;
-    height: 100%;
-    .tab {
-      &--left {
-        width: 100%;
-        border-top-right-radius: 30px;
-        border-top: 1px solid rgba(167, 161, 161, 0.69);
-        box-shadow: 0px 6px 7px 0px rgba(23, 23, 23, 0.28);
-      }
-      &--right {
-        width: 100%;
-        border-top-left-radius: 30px;
-        border-top: 1px solid rgba(167, 161, 161, 0.69);
-        box-shadow: 15px 4px 15px 0px rgba(23, 23, 23, 0.28);
-      }
-      &--fab {
-        width: 180px;
-        height: 100%;
-        background: transparent;
-        border: none;
-        display: flex;
-
-        .top {
-          width: 100%;
-          height: 50%;
-          border-bottom-left-radius: 100px;
-          border-bottom-right-radius: 100px;
-          background-color: transparent;
-          box-shadow: 0px 30px 0px 25px #fff;
-          border-bottom: 1px solid rgba(167, 161, 161, 0.69);
-          display: flex;
-        }
-      }
-      background-color: #fff;
-      width: 33.4%;
-      height: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      flex-direction: column;
-      border-top: 1px solid #eee;
-      box-shadow: 1x 1x 3px #ccc, -1px -1px 3px #ccc;
-      font-size: 24px;
-      span {
-        font-size: 12px;
-      }
-      i {
-        font-size: 24px;
-      }
-      &.is-active {
-        color: #fd9d97;
-      }
-    }
-    .fab {
-      border-radius: 50%;
-      background-color: #fe989c;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 70px;
-      height: 70px;
-      font-weight: bold;
-      font-size: 22px;
-      color: #fff;
-      position: relative;
-      justify-content: center;
-      transform: translate(2px,-60%);
-    }
-  }
-}*/
-
 .v-enter-active,
 .v-leave-active {
  transition: opacity 0.5s ease;
@@ -0,0 +1,727 @@
+<template>
+  <div class="h-35rem overflow-y-auto">
+    <div class=" !overflow-y-scroll bg-white py-3   text-primary font-bold  flex justify-evenly">
+      <!--      <div @click="isBuy = false" class="w-full text-center" :class="!isBuy?'text-primary':'text-gray-400'">خرید طلا</div>
+            <div @click="isBuy = true" class="w-full text-center" :class="isBuy?'text-primary':'text-gray-400'">فروش طلا</div>-->
+      <div class="flex justify-evenly w-full px-2 h-11 items-center bg-gray-50 relative rounded ">
+        <div :class="isBuy?'text-secondary':'text-gray-400'" class="w-full text-center z-2"
+             @click.stop="setIsBuy(true) "
+             :style="!props?.ProductItem?.open_buy ? 'pointer-events: none; opacity: 0.5;' : ''">
+          خرید {{ props?.ProductItem?.title }}
+        </div>
+        <div :class="!isBuy?'text-secondary':'text-gray-400'" class="w-full text-center z-2"
+             @click.stop="setIsBuy(false) "
+             :style="!props?.ProductItem?.open_sell ? 'pointer-events: none; opacity: 0.5;' : ''"
+        >
+          فروش {{ props?.ProductItem?.title }}
+        </div>
+        <!--        <div ref="bganim" class="absolute bg-white h-8 w-1/2 rounded-lg " :style="`transform: translateX(${isbuy? '0':'-100%'}); left: ${isbuy? '0':'100%'}`"></div>-->
+        <div ref="bganim" :style="useStyle()"
+             class="absolute bg-white h-8 w-1/2 rounded-lg animate right"></div>
+      </div>
+    </div>
+    <div v-if="userStore" class=" mt-5 pb-2 mb-19vh">
+      <!--      <a-spin :spinning="loading">-->
+      <div v-if="!loading" :class="!isBuy? ' bg-red-100' : ' bg-green-100'"
+           class="w-full  relative rounded-lg h-[88px] flex flex-col justify-center background-color-transition">
+        <img :src="img1" alt="" class="h-[88px] absolute">
+        <div class="w-full items-center flex flex-col">
+          <div class="text-gray-700 font-bold">{{ !isBuy ? 'قیمت فروش' : 'قیمت خرید' }}</div>
+          <div v-if="price" class="flex gap-1 mt-3 text-xs items-center">
+            <div :class="!isBuy? 'text-red-700' : 'text-green-700'" class="font-bold text-2xl color-transition">
+              {{ usePriceWithoutType(isBuy ? ((props?.ProductItem?.price ?? 0) + (props?.ProductItem?.cash_fee_buy ?? 0)) : ((props?.ProductItem?.price ?? 0) - (props?.ProductItem?.cash_fee_sell ?? 0))) }}
+            </div>
+            ریال
+          </div>
+        </div>
+      </div>
+      <div v-else class="w-full h-[88px]">
+        <GoldSkeleton class="w-full" />
+      </div>
+      <div v-if="limitedPrice !== undefined && userStore?.userInfo.trade_active !== 1"
+           class="text-red text-xs flex gap-1 items-center justify-center my-2">
+        <Icon icon="vuesax-linear:info-circle" size="16" />
+        حداقل مبلغ اولیه برای ثبت سفارش {{ usePriceWithoutType(limitedPrice.value as number ?? 0) }} ریال می باشد.
+      </div>
+      <!--      </a-spin>-->
+      <a-form ref="refInput" :model="form" class="!mt-5" name="basic" @finish="okConfirm()">
+        <div class="border-gray-200 border-1 rounded-xl p-5 relative">
+          <bg_main />
+          <div class="z-100 relative">
+            <a-form-item name="method" :rules="[required()]">
+              <BasicSelect v-model:value="form.method" :items="typeDeal"
+                           key-name="key"
+                           :show-search="false"
+                           value-name="value"
+                           :allow-clear="false"
+                           :placeholder="isBuy?'نحوه خرید را انتخاب کنید':' نحوه فروش را انتخاب کنید'"
+                           size="large"
+                           :has-tooltip="false" />
+            </a-form-item>
+
+            <a-form-item v-if="isBuy" name="goldValue"
+                         :rules="[justNumber2(props?.ProductItem?.price , form.method , props?.ProductItem?.amount, true)]">
+              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="#20514b"
+                          addon-text-color="white"
+                          place-holder="تعداد"
+                          size="large" type="number" inputmode="number" @onchange="calculateCash" />
+            </a-form-item>
+            <a-form-item v-else name="goldValue"
+                         :rules="[justNumber3(props?.ProductItem?.sellPrice, productNum ,false)]">
+              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="#20514b"
+                          addon-text-color="white"
+                          place-holder="تعداد"
+                          size="large" type="number" inputmode="number" @onchange="calculateCash" />
+            </a-form-item>
+
+            <div class="flex justify-between">
+              <div> قیمت کل</div>
+              <div>{{ usePrice(form.goldCash ?? 0) }}</div>
+            </div>
+
+            <div v-if="props?.ProductItem?.group_type !== 'سکه'" class="flex justify-between">
+              <div> وزن کل</div>
+              <div>{{ form.goldVazn ?? 0  }} گرم</div>
+            </div>
+
+            <!--              {{walletStore?.walletInfo?.gold}}-->
+            <Transition mode="out-in" name="fade" class="mt-2">
+              <div v-if="isBuy&&form.method=='gold'" class="font-bold text-xs">
+                <div> {{ `موجودی کیف طلا: ${walletStore?.walletInfo?.gold ?? 0} گرم` }}</div>
+              </div>
+              <div v-else-if="isBuy" class="font-bold text-xs">
+                {{ `موجودی کیف پول: ${usePriceWithoutType(walletStore?.walletInfo?.cash ?? 0)} ریال` }}
+              </div>
+              <div class="font-bold text-xs" v-else>{{ `موجودی محصول: ${getInventoryById(props?.ProductItem?.id)}` }}
+              </div>
+            </Transition>
+            <Transition mode="out-in" name="fade">
+              <div v-if="priceErrorVisible" class="flex gap-1 items-center text-xs mt-[-15px] text-orange-600">
+                <BasicIcon icon="vuesax-linear:danger" />
+                ارزش کل وارد شده بر حسب گرم طلا محاسبه خواهد شد و قیمت وارد شده معادل {{ usePrice(finalPrice) }} می
+                باشد!
+              </div>
+            </Transition>
+          </div>
+        </div>
+        <GoldLoading v-model:show="infoVisible" title="" />
+        <a-form-item>
+          <BasicButton
+            v-if="walletStore"
+            :disabled="disableTransaction"
+            class=" w-full py-2 mt-5"
+            html-type="submit"
+            type="primary"
+          >
+            <div>
+              <a-spin v-if="loading" size="small" />
+              <div v-else>{{ !isBuy ? 'فروش' : 'خرید' }}</div>
+            </div>
+          </BasicButton>
+<!--          <div class=" w-full !z-100  px-6 rounded-xl py-1 border-1 bg-white mt-2">
+            &lt;!&ndash;      <BasicInfoItem is-line title="کارمزد" :value="parseFloat(((form.goldValue?? 0)*0.005).toFixed(3))" />&ndash;&gt;
+            &lt;!&ndash;      <BasicInfoItem is-line title="کارمزد" :value="parseFloat(((form.goldValue?? 0)*0.005).toFixed(3))" />&ndash;&gt;
+            <div class="flex justify-between items-center">
+              <div>کارمزد:</div>
+              <div class="flex gap-2 items-center">
+                &lt;!&ndash;          <div class="line-through">{{ parseFloat(((form.goldValue ?? 0) * 0.005).toFixed(3)) }}</div>&ndash;&gt;
+                &lt;!&ndash;          <div>{{props.ProductItem.price}}</div>&ndash;&gt;
+                <div v-if="isBuy && form.method=='cash' " class="">{{
+                    usePriceWithoutType(buyFee ?? 0)
+                  }}
+                </div>
+                <div v-if="isBuy && form.method!='cash'" class="">{{
+                    buyFeeGeram ?? 0
+                  }}
+                </div>
+                <div v-if="!isBuy && form.method=='cash' " class="">{{
+                    usePriceWithoutType(sellFee ?? 0)
+                  }}
+                </div>
+                <div v-if="!isBuy && form.method!='cash'" class="">{{
+                    sellFeeGeram ?? 0
+                  }}
+                </div>
+
+
+                <div>
+                  {{ form.method == "cash" ? "ریال" : "گرم" }}
+                </div>
+              </div>
+            </div>
+          </div>-->
+<!--          <div v-if="!isBuy && form.goldValue > walletStore?.walletInfo?.gold"
+               class="text-red-700 text-xs font-bold mt-2">
+            مقدار گرم طلای وارد شده جهت فروش ({{ form.goldValue }}گرم) بیشتر از مقدار موجودی شما
+            ({{ walletStore?.walletInfo?.gold }}گرم) می باشد.
+          </div>
+          &lt;!&ndash;          <div>{{form?.goldValue? true: false}}</div>&ndash;&gt;
+          <div v-if="isBuy? ((form?.goldValue || form.goldValue === 0)? form?.goldCash < 500000: false) : false"
+               class="text-red-700 text-xs font-bold mt-2">
+            حداقل مقدار طلا جهت خرید 500,000 ریال می باشد.
+          </div>-->
+        </a-form-item>
+      </a-form>
+    </div>
+    <van-dialog v-model:show="noCompleteVisible" class="completeButtonStyle" confirm-button-text="تکمیل اطلاعات"
+                show-confirm-button @confirm="router.push('user')">
+      <div class="flex flex-col items-center p-2">
+        <BasicIcon class="home_appear_fade_in_up text-center" color="orange"
+                   icon="vuesax-linear:info-circle"
+                   size="50" />
+        <!--        <div class="home_appear_fade_in_up delay-100">به روز رسانی</div>-->
+        <div class="home_appear_fade_in_up mt-2 text-justify text-center">برای ثبت سفارش، لطفا اطلاعات خود را تکمیل کنید
+          یا در صورت تکمیل اطلاعات، منتظر تایید اطلاعات خود بمانید.
+        </div>
+      </div>
+    </van-dialog>
+  </div>
+  <BasicActionSheet v-model:show="confirmAction">
+    <div class="font-bold text-lg"></div>
+    <div class="w-full rounded-lg bg-gray-50 p-3">
+      <div class="flex justify-between ">
+        <div>تعداد:</div>
+        <div class="flex items-center">
+          <div class="font-bold">{{ form.goldValue }}</div>
+          <div class="text-xs  mr-1"> عدد</div>
+          <div class="text-base font-bold mr-1"> عدد {{ props?.ProductItem?.title }}</div>
+        </div>
+      </div>
+      <div class="flex justify-between mt-3">
+        <div>قیمت:</div>
+        <div class="flex items-center">
+          <div class="font-bold">
+            {{ usePriceWithoutType(isBuy ? props?.ProductItem.price ?? 0 : props?.ProductItem?.sellPrice ?? 0) }}
+          </div>
+          <div class="text-xs mr-1">ریال</div>
+        </div>
+      </div>
+      <div class="flex justify-between mt-3">
+        <div>کارمزد:</div>
+        <div class="flex items-center gap-2">
+          <div v-if="isBuy" class="">{{
+              buyFee
+            }}
+          </div>
+          <!--          <div class="font-bold line-through">{{ 0 }}</div>-->
+          <div v-else class="">{{
+              sellFee
+            }}
+          </div>
+
+          <div class="text-xs mr-1">ریال</div>
+        </div>
+      </div>
+      <div class="flex justify-between mt-3">
+        <div>{{ isBuy ? 'قیمت قابل پرداخت:' : 'مبلغ دریافتی:' }}</div>
+        <div class="flex items-center">
+          <div class="font-bold">{{ usePriceWithoutType(payablePrice.toFixed(0)) }}</div>
+          <div class="text-xs mr-1">ریال</div>
+        </div>
+      </div>
+
+    </div>
+    <BasicButton class="mb-20 mt-5 w-full" type="primary" @click="ok(); confirmAction= false">ثبت نهایی</BasicButton>
+  </BasicActionSheet>
+</template>
+
+<script lang="ts" setup>
+
+import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
+import img1 from '@/assets/img/home_ly2.svg'
+import {useFormat, usePrice, usePriceWithoutType, useTowDecimal} from '@/utils/usePrice'
+import BasicInput from '@/components/BasicPacks/BasicInput.vue'
+import type { Gold } from '@/models/gold'
+import { loading, loadingMore, toFixedDownThreeChar } from '@/utils'
+import BasicButton from '@/components/BasicPacks/BasicButton.vue'
+import router from '@/router'
+import { useWalletStore } from '@/store/walletStore'
+import { createOrder } from '@/api/order'
+import { FormInstance, message } from 'ant-design-vue'
+import type { Price } from '@/models/home'
+// import {getLastPrice} from '@/api/home'
+import Icon from '@/components/BasicPacks/BasicIcon.vue'
+import { useUserStore } from '@/store/userStore'
+import BasicActionSheet from '@/components/BasicPacks/BasicActionSheet.vue'
+import { justNumber, justNumber2, justNumber3, required, ruleNumber } from '@/utils/inputRules'
+import GoldSkeleton from '@/views/base/gold/components/GoldSkeleton.vue'
+import GoldLoading from '@/components/GoldLoading.vue'
+// import {update} from 'lodash'
+import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
+import type { Transaction } from '@/models/transaction'
+import type { TableEngineInput, TableOutput } from '@/models/table'
+import { useInfiniteScroll } from '@vueuse/core'
+import { getTransactionTable } from '@/api/transaction'
+import { getLastPrices, lastPrice, setIntervalGetAllPrice, stopPriceInterval } from '@/utils/price'
+import { Product } from '@/models/products'
+import BasicSelect from '@/components/BasicPacks/BasicSelect.vue'
+import { SelectItem } from '@/models/SelectItem'
+import Bg_main from '@/components/bg_main.vue'
+import { useFundUserStore } from '@/store/fundStore'
+import { physicalReceiveApi } from '@/api/physicalreceive'
+// import Bg_main from "@/components/bg_main.vue";
+const typeDeal: SelectItem[] = [
+  {
+    value: 'نقدی',
+    key: 'cash'
+  },
+  {
+    value: ' طلایی',
+    key: 'gold'
+  }
+
+]
+const infoVisible = ref(false)
+const walletStore = useWalletStore()
+const userStore = useUserStore()
+const confirmAction = ref<boolean>(false)
+const noCompleteVisible = ref<boolean>(false)
+const buyItems = ref<Transaction[]>([])
+const sellItems = ref<Transaction[]>([])
+const priceErrorVisible = ref<boolean>(false)
+const buyTableOutput = ref<TableOutput<Transaction> | null>(null)
+const sellTableOutput = ref<TableOutput<Transaction> | null>(null)
+const fundStore = useFundUserStore()
+const refInput = ref<FormInstance>()
+const el = ref()
+
+interface Prop {
+  ProductItem?: Product
+}
+
+const props = withDefaults(defineProps<Prop>(), {})
+const isBuy = ref<boolean>(true)
+const buyFee = computed(() => ((props?.ProductItem?.amount * (props?.ProductItem?.percent_fee_buy ?? 0) * (props?.ProductItem?.price ?? 0)).toFixed(0)))
+const sellFee = computed(() => ((props?.ProductItem?.amount * (props?.ProductItem?.percent_fee_sell ?? 0) * (props?.ProductItem?.sellPrice ?? 0)).toFixed(0)))
+const sellFeeGeram = computed(() => {
+  if (form.value.goldVazn)
+    return (form.value.goldVazn * props.ProductItem?.percent_fee_sell).toFixed(3)
+
+})
+const buyFeeGeram = computed(() => {
+  if (form.value.goldVazn)
+    return (form.value.goldVazn * props.ProductItem?.percent_fee_buy).toFixed(3)
+})
+const buyPagination = ref<TableEngineInput>({
+  filters: [{
+    field: 'type',
+    cr: 'and',
+    type: 'number',
+    op: 'eq',
+    value: 1
+  }], limit: 6, page: 0
+})
+const sellPagination = ref<TableEngineInput>({
+  filters: [{
+    field: 'type',
+    cr: 'and',
+    type: 'number',
+    op: 'eq',
+    value: 2
+  }], limit: 6, page: 0
+})
+
+const finalPrice = computed(() => (form.value?.goldValue * (isBuy.value ? props.ProductItem?.price ?? 0 : props.ProductItem?.sellPrice ?? 0)))
+// const payablePrice = computed(() => finalPrice.value + finalPrice.value * 0.007)
+const payablePrice = computed(() => finalPrice.value)
+
+const disableTransaction = computed(() =>
+  loading.value ||
+  form.value?.goldValue === undefined ||
+  form.value?.goldValue === '' ||
+  form.value?.goldCash === '' ||
+  form.value?.goldCash === undefined ||
+  (isBuy.value ? (form.value?.goldCash ?? 0) < 500000 : (form.value?.goldValue ?? 0) < 0.001) ||
+  // (!isBuy.value && form.value.goldValue > walletStore?.walletInfo?.gold) ||
+  price.value?.buy === undefined)
+
+function refreshTable() {
+  sellItems.value = []
+  buyItems.value = []
+  sellPagination.value = {
+    filters: [{
+      field: 'type',
+      cr: 'and',
+      type: 'number',
+      op: 'eq',
+      value: 2
+    }], limit: 6, page: 0
+  }
+  buyPagination.value = {
+    filters: [{
+      field: 'type',
+      cr: 'and',
+      type: 'number',
+      op: 'eq',
+      value: 1
+    }], limit: 6, page: 0
+  }
+/*  initSellTable()
+  initBuyTable()*/
+}
+
+
+async function initBuyTable() {
+  try {
+    buyPagination.value.page === 0 ? loading.value = true : loadingMore.value = true
+    buyTableOutput.value = await getTransactionTable(buyPagination.value)
+    buyItems.value.push(...buyTableOutput.value.rows)
+    // console.log(tableOutput.value)
+  } catch (e) {
+    console.log(e)
+  } finally {
+    loading.value = false
+    loadingMore.value = false
+  }
+}
+
+async function initSellTable() {
+  try {
+    sellPagination.value.page === 0 ? loading.value = true : loadingMore.value = true
+    sellTableOutput.value = await getTransactionTable(sellPagination.value)
+    sellItems.value.push(...sellTableOutput.value.rows)
+    // console.log(tableOutput.value)
+  } catch (e) {
+    console.log(e)
+  } finally {
+    loading.value = false
+    loadingMore.value = false
+  }
+}
+
+// if (!userStore.isSingle) {
+/*useInfiniteScroll(
+    el,
+    async () => {
+      // load more
+      // console.log('salamss')
+      if (!userStore.isSingle) {
+        if (isbuy.value) {
+          // console.log((buyeTableOutput.value.query.page))
+          // console.log(buyeTableOutput.value.query.total)
+          // console.log((buyeTableOutput.value.query.page + 1) * buyPagination.value.limit < buyeTableOutput.value.query.total)
+          if (
+              buyeTableOutput.value &&
+              (buyPagination.value.page + 1) * buyPagination.value.limit < buyeTableOutput.value.query.total
+          ) {
+            // console.log('gfgf')
+            buyPagination.value.page++
+            await initbuyTable()
+          }
+        } else {
+          if (
+              sellTableOutput.value &&
+              (sellPagination.value.page + 1) * sellPagination.value.limit < sellTableOutput.value.query.total
+          ) {
+            // console.log('gfgf')
+            sellPagination.value.page++
+            await initsellTable()
+          }
+        }
+      }
+
+    },
+    {distance: 12}
+)*/
+// }
+
+onMounted(async () => {
+  switch (router.currentRoute.value.query.state) {
+    case 'sell':
+      isBuy.value = false
+      break
+    case 'buy':
+      isBuy.value = true
+      break
+  }
+/*  await initSellTable()
+  await initBuyTable()*/
+})
+
+const form = ref<Gold>({
+  goldCash: undefined,
+  goldValue: undefined,
+  percentWallet: undefined,
+  method: 'cash',
+  goldVazn:undefined
+})
+const allowedAsciiCodeFloat = [46, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57]
+// const allowedAsciiCodeInt = [48, 49, 50, 51, 52, 53, 54, 55, 56, 57]
+watch(form.value, () => {
+  if (form.value.goldValue) {
+    form.value.goldValue = parseFloat(form.value.goldValue)
+    const lastCharGoldStr: string = form.value.goldValue.toString()
+    if (!allowedAsciiCodeFloat.includes(lastCharGoldStr.slice(-1).charCodeAt(0))) {
+      calculateCash(form.value.goldValue)
+    }
+  }
+
+
+})
+
+onMounted(() => {
+  console.log(userStore.userInfo?.is_legal === 2)
+  if (userStore.userInfo?.is_legal === 0) {
+    noCompleteVisible.value = true
+  }
+})
+const productNum = ref<number>(0)
+const getInventoryById = (id: number) => {
+
+  userStore?.productWallet?.forEach((val) => {
+    if (val.product_id == id)
+      productNum.value = val.gold
+  })
+  return productNum.value ?? 0
+}
+
+/*function percentChange(val: number) {
+  if (val !== 0)
+    if (isBuy.value) {
+      form.value.goldCash = unitCashCalculator.value * val
+      calculateGold(form.value.goldCash)
+      calculateCash(form.value.goldValue)
+    } else {
+      // console.log((unitGoldCalculator.value * val).toFixed(2))
+      // form.value.goldValue = parseFloat((unitGoldCalculator.value * val).toFixed(2))
+      form.value.goldValue = toFixedDownThreeChar(parseFloat(unitGoldCalculator.value * val))
+      calculateCash(form.value.goldValue)
+    }
+  else {
+    form.value.goldValue = undefined
+    form.value.goldCash = undefined
+  }
+}*/
+
+const unitGoldCalculator = computed(() => {
+  // console.log(walletStore?.walletInfo?.gold / 100)
+  return (walletStore?.walletInfo?.gold ?? 0) / 100
+})
+
+const unitCashCalculator = computed(() => {
+  return (walletStore?.walletInfo?.cash ?? 0) / 100
+})
+
+const limitedPrice = computed(() => {
+  if (walletStore.limitedPrice)
+    return walletStore?.limitedPrice[0]
+})
+
+function calculateCash(val: number) {
+  priceErrorVisible.value = false
+
+  // console.log(val)
+  if (price.value) {
+    form.value.goldVazn = parseFloat((val * (( props?.ProductItem?.price) + (props?.ProductItem?.cash_fee_buy)))/lastPrice.value?.buy).toFixed(1)
+console.log(val,props?.ProductItem?.price,props?.ProductItem?.cash_fee_buy,lastPrice.value?.buy)
+    if (isBuy.value) {
+      if (val){
+        form.value.goldCash = parseFloat(val * (( props?.ProductItem?.price) + (props?.ProductItem?.cash_fee_buy))).toFixed(0)
+      }
+      else {
+        form.value.goldCash = 0
+        form.value.goldVazn = 0
+
+      }
+    }
+    else {
+      if (val)
+        form.value.goldCash = parseFloat((val * props?.ProductItem?.price) + (props?.ProductItem?.cash_fee_sell)).toFixed(0)
+      else{
+        form.value.goldCash = 0
+        form.value.goldVazn = 0
+      }
+    }
+    console.log(form.value.goldVazn)
+  }
+}
+
+/*function calculateGold(val: number) {
+  // console.log(val)
+  // form.value.goldCash = usePriceWithoutType(form.value.goldCash)
+  if (price.value) {
+    if (isBuy.value) {
+      if (val) {
+        form.value.goldValue = toFixedDownThreeChar(parseFloat(val / price?.value?.buy))
+        if (parseInt(finalPrice.value) > 0) priceErrorVisible.value = true
+        if (parseInt(finalPrice.value) === 0) priceErrorVisible.value = false
+      } else if (val.toString() === '') {
+        form.value.goldValue = undefined
+        priceErrorVisible.value = false
+      } else {
+        form.value.goldValue = 0
+        priceErrorVisible.value = false
+      }
+    } else {
+      if (val) {
+        form.value.goldValue = toFixedDownThreeChar(parseFloat((val / price?.value?.sell)))
+        if (parseInt(finalPrice.value) > 0) priceErrorVisible.value = true
+        if (parseInt(finalPrice.value) === 0) priceErrorVisible.value = false
+      } else if (val.toString() === '') {
+        // console.log('sasasasasasa')
+        form.value.goldValue = undefined
+        priceErrorVisible.value = false
+      } else {
+        form.value.goldValue = 0
+        priceErrorVisible.value = false
+      }
+    }
+  }
+}*/
+
+/*watch(form.value?.goldValue, (n)=>{
+  console.log('salammmm', n)
+})*/
+
+const bganim = ref(null)
+
+function useStyle() {
+  if (isBuy.value) return 'right: 2%;'
+    // if (isbuy.value) return 'animation-direction: normal'
+  // else return 'animation-direction: reverse'
+  else return ' right: 98%; transform: translate(100%, 0);'
+}
+
+
+function setIsBuy(val: boolean) {
+  isBuy.value = val
+  form.value.goldValue = undefined
+  form.value.goldCash = undefined
+  form.value.percentWallet = 0
+  priceErrorVisible.value = false
+
+  // console.log(bganim.value.classList)
+  // bganim?.value?.classList.add(val?'right':'left')
+  // bganim?.value?.style.transform = `translateX(${val ? '0' : '-100'});`
+  // bganim?.value?.style.animationDirection = val? 'normal':'reverse'
+  // val? bganim?.value?.classList?.add("move") : bganim?.value?.classList?.remove("move")
+  // const el = bganim.value?.
+  // el.
+}
+
+const formatter = (value: number) => {
+  return `${value}%`
+}
+
+
+const price = computed((): Price => <Price>lastPrice.value ?? 0)
+onMounted(async () => {
+  // await initPrice()
+  // await setIntervalGetPrice()
+  // console.log('okkkkkkkkgold')
+})
+
+async function initPrice() {
+  try {
+    // chartLoading.value = true
+    await getLastPrices()
+    // await setIntervalGetPrice()
+    loading.value = true
+    price.value = lastPrice.value
+    props.ProductItem.price = lastPrice.value?.buy * props.ProductItem?.amount
+    props.ProductItem.sellPrice = lastPrice.value?.sell * props.ProductItem?.amount
+  } catch (e) {
+    console.log(e)
+  } finally {
+    loading.value = false
+    // chartLoading.value = false
+  }
+}
+
+// onMounted(() => {
+//   initPrice()
+// })
+
+function okConfirm() {
+  confirmAction.value = true
+  refInput.value?.validateFields()
+}
+
+async function ok() {
+  try {
+    loading.value = true
+    infoVisible.value = true
+    await createOrder({
+      direction: isBuy.value ? 1 : 2,
+      product_id: props.ProductItem.id,
+      method: form.value.method,
+      number: form.value.goldValue ?? 0
+    })
+    await physicalReceiveApi({
+        address_id: props.ProductItem.id,
+        wallets: form.value.goldValue ?? 0
+      }
+    )
+    await walletStore.getMyWallet()
+    await router.push({ name: 'transactions' })
+    form.value = {
+      goldValue: undefined,
+      goldCash: undefined,
+      percentWallet: undefined,
+      method: 'cash'
+    }
+    // refreshTable()
+    await fundStore.getMyFund()
+    message.success('سفارش شما با موفقیت انجام شد')
+  } catch (e) {
+    // console.log(e)
+    // await initPrice()
+  } finally {
+    loading.value = false
+    infoVisible.value = false
+  }
+}
+
+</script>
+
+<style lang="less">
+/*.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}*/
+/*.completeButtonStyle{
+  background: blue;
+}*/
+.completeButtonStyle .van-dialog__confirm .van-button__content {
+  background: #20514b;
+  color: white;
+}
+
+.left {
+  transform: translateX(0);
+  left: 0;
+}
+
+.toggle-transe-parent {
+  animation: ease-in-out infinite alternate swingParent;
+}
+
+@keyframes swingParent {
+  from {
+    transform: translateX(0);
+    left: 0;
+  }
+  to {
+    left: 100%;
+    transform: translateX(-100%);
+  }
+}
+
+
+.animate.right {
+  right: 0;
+}
+
+.animate.right.move {
+  right: 100%;
+  transform: translate(100%, 0);
+}
+.text-secondary{
+  color: #d3a233 !important;
+}
+</style>
@@ -1,3 +1,150 @@
+<template>
+  <div class="bottom-0  fixed top-0">
+    <img :src="img" alt="" class=" w-inherit "
+         :style="{  backgroundRepeat: 'repeat', }"
+    />
+  </div>
+  <a-spin :spinning="loading">
+
+    <div class=" !h-full overflow-y-scroll">
+
+      <div class="w-full flex justify-center top-0 py-5" style="align-self: center">
+        <ARadioGroup  @change="changeTab" v-model:value="activekey" button-style="solid">
+          <ARadioButton class="cats" value="همه">همه</ARadioButton>
+          <ARadioButton class="cats" v-for="item in typeItems.filter(a => a != 'آبشده')" :value="item">{{ item }}</ARadioButton>
+        </ARadioGroup>
+      </div>
+
+      <div class="mx-5 pb-30 pt-2" style="color: #1b2b07">
+        <div class="mt-3" v-for="item in items?.filter(a => a.group_type != 'آبشده')">
+          <ProductItem :ProductItem="item" @click="clickProduct(item)"></ProductItem>
+        </div>
+      </div>
+
+    </div>
+  </a-spin>
+  <!--  <BasicActionSheet v-model:show="showFilter">-->
+  <!--    <indexGold ></indexGold>-->
+  <!--  </BasicActionSheet>-->
+
+  <BasicActionSheet placement="bottom" v-model:show="showFilter">
+    <div class="">
+<!--      <indexGold v-if="selectedProduct?.group_type=='آبشده'" :ProductItem="selectedProduct"></indexGold>-->
+      <ReceiveDealProduct :ProductItem="selectedProduct"></ReceiveDealProduct>
+    </div>
+  </BasicActionSheet>
+
+</template>
+
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref, watch } from 'vue'
+import router from '@/router'
+import ProductItem from '@/views/base/products/components/ProductItem.vue'
+import { getProducts } from '@/api/products'
+import {
+  getLastPrices,
+  lastPrice,
+  stopPriceInterval
+} from '@/utils/price'
+import { loading } from '@/utils'
+import { Price } from '@/models/home'
+import type { Product } from '@/models/products'
+import BasicActionSheet from '@/components/BasicPacks/BasicActionSheet.vue'
+import { cloneDeep } from 'lodash'
+import img from "@/assets/img/user_ly1.svg";
+import ReceiveDealProduct from '@/views/base/physicalReceive/components/ReceiveDealProduct.vue'
+
+const activekey = ref('آبشده')
+const showFilter = ref()
+const selectedProduct = ref<Product>()
+
+function clickProduct(item: Product) {
+  if(item?.show){
+    showFilter.value = true
+    selectedProduct.value = cloneDeep(item)
+  }
+}
+
+function changeTab() {
+  if (activekey.value != 'همه') {
+    items.value = firstItems.value?.filter((val) =>
+      val.group_type == activekey.value
+    )
+  } else items.value = firstItems.value
+
+}
+
+const firstItems = ref<Product[]>()
+const price = ref<Price>()
+const items = ref<Product[]>()
+const typeItems = ref([])
+onMounted(async () => {
+  try {
+    loading.value = true
+    items.value = await getProducts()
+    items.value?.forEach((val, index) => {
+      if (!typeItems.value.includes(val.group_type)){
+        typeItems.value.push(val.group_type)
+      }
+      // typeItems.value[index] = val.group_type
+    })
+    firstItems.value = items.value
+    await initPrice()
+    // await setIntervalGetLastPrice()
+    // console.log('run product')
+
+  } catch (e) {
+    console.log(e)
+  } finally {
+    loading.value = false
+    if (router.currentRoute.value.query.cat=="coin"){
+      activekey.value="سکه"
+      changeTab()
+    }
+
+    if (router.currentRoute.value.query.state) {
+      if (router.currentRoute.value.query.product) {
+        clickProduct(items.value?.find(x => x.title === 'سکه'))
+      } else {
+        clickProduct(items.value?.find(x => x.title === 'آبشده نقدی'))
+      }
+    }
+  }
+})
+onUnmounted(() => {
+  stopPriceInterval()
+  console.log('stop product')
+})
+
+async function initPrice() {
+  try {
+    // chartLoading.value = true
+    await getLastPrices()
+    // await setIntervalGetPrice()
+    loading.value = true
+    price.value = lastPrice.value
+  } catch (e) {
+    console.log(e)
+  } finally {
+    loading.value = false
+    // chartLoading.value = false
+  }
+}
+</script>
+
+<style lang="less">
+.cats{
+  font-size: x-small;
+}
+.cats:hover span {
+  --un-text-opacity: 1;
+  color: rgba(206, 163, 76, var(--un-text-opacity))!important;
+}
+
+</style>
+
+
+<!--
 <template>
  <div style="max-height: calc(100vh - 50px)">
    <div class="bg-white py-3 px-3 z-100000 text-primary font-bold drop-shadow flex flex-col  wrap-fix">
@@ -41,3 +188,4 @@ const  route=useRoute()
  transition:  height 1s;
 }*/
 </style>
+-->
@@ -96,7 +96,7 @@ onMounted(async () => {
    firstItems.value = items.value
    await initPrice()
    // await setIntervalGetLastPrice()
-    console.log('run product')
+    // console.log('run product')

  } catch (e) {
    console.log(e)
@@ -71,7 +71,7 @@
  resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.3.tgz"
  integrity sha512-BmR4bWbDIoFJmJ9z2cZ8Gmm2MXgEDgjdWgpKmKWUt54UGFJdlj31ECtbaDvCG/qVdG3AQ1SfpZEs01lUFbzLOQ==

-"@babel/core@^7.11.1", "@babel/core@^7.22.10":
+"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.0.0-0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.11.1", "@babel/core@^7.12.0", "@babel/core@^7.13.0", "@babel/core@^7.22.10", "@babel/core@^7.4.0 || ^8.0.0-0 <8.0.0":
  version "7.22.10"
  resolved "https://registry.npmjs.org/@babel/core/-/core-7.22.10.tgz"
  integrity sha512-fTmqbbUBAwCcre6zPzNngvsI0aNrPZe77AeqvDxWM9Nm+04RrJ3CAmGHA9f7lJQY6ZMhRztNemy4uslDxTX4Qw==
@@ -291,7 +291,7 @@
    "@babel/template" "^7.27.1"
    "@babel/types" "^7.27.1"

-"@babel/parser@^7.20.15", "@babel/parser@^7.21.3", "@babel/parser@^7.22.10", "@babel/parser@^7.25.3", "@babel/parser@^7.26.5", "@babel/parser@^7.27.2":
+"@babel/parser@^7.15.8", "@babel/parser@^7.20.15", "@babel/parser@^7.21.3", "@babel/parser@^7.22.10", "@babel/parser@^7.25.3", "@babel/parser@^7.26.5", "@babel/parser@^7.27.2":
  version "7.27.2"
  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.27.2.tgz"
  integrity sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==
@@ -1006,111 +1006,6 @@
  resolved "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz"
  integrity sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==

-"@esbuild/android-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz"
-  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
-
-"@esbuild/android-arm@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz"
-  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
-
-"@esbuild/android-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz"
-  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
-
-"@esbuild/darwin-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz"
-  integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
-
-"@esbuild/darwin-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz"
-  integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
-
-"@esbuild/freebsd-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz"
-  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
-
-"@esbuild/freebsd-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz"
-  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
-
-"@esbuild/linux-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz"
-  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
-
-"@esbuild/linux-arm@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz"
-  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
-
-"@esbuild/linux-ia32@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz"
-  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
-
-"@esbuild/linux-loong64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz"
-  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
-
-"@esbuild/linux-mips64el@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz"
-  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
-
-"@esbuild/linux-ppc64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz"
-  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
-
-"@esbuild/linux-riscv64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz"
-  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
-
-"@esbuild/linux-s390x@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz"
-  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
-
-"@esbuild/linux-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz"
-  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
-
-"@esbuild/netbsd-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz"
-  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
-
-"@esbuild/openbsd-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz"
-  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
-
-"@esbuild/sunos-x64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz"
-  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
-
-"@esbuild/win32-arm64@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz"
-  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
-
-"@esbuild/win32-ia32@0.18.20":
-  version "0.18.20"
-  resolved "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz"
-  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
-
 "@esbuild/win32-x64@0.18.20":
  version "0.18.20"
  resolved "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz"
@@ -1244,7 +1139,7 @@
    "@nodelib/fs.stat" "2.0.5"
    run-parallel "^1.1.9"

-"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
  version "2.0.5"
  resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -1348,16 +1243,16 @@
  resolved "https://registry.npmjs.org/@tsconfig/node18/-/node18-18.2.0.tgz"
  integrity sha512-yhxwIlFVSVcMym3O31HoMnRXpoenmpIxcj4Yoes2DUpe+xCJnA7ECQP1Vw889V0jTt/2nzvpLQ/UuMYCd3JPIg==

-"@types/estree@0.0.39":
-  version "0.0.39"
-  resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz"
-  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
-
 "@types/estree@^1.0.0":
  version "1.0.1"
  resolved "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz"
  integrity sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==

+"@types/estree@0.0.39":
+  version "0.0.39"
+  resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz"
+  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
+
 "@types/json-schema@^7.0.9":
  version "7.0.12"
  resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz"
@@ -1368,7 +1263,7 @@
  resolved "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.7.tgz"
  integrity sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==

-"@types/node@*", "@types/node@^18.17.0":
+"@types/node@*", "@types/node@^18.17.0", "@types/node@>= 14":
  version "18.17.5"
  resolved "https://registry.npmjs.org/@types/node/-/node-18.17.5.tgz"
  integrity sha512-xNbS75FxH6P4UXTPUJp/zNPq6/xsfdJKussCWNOnz4aULWIRwMgP1LgaB5RiBnMX1DPCYenuqGZfnIAx5mbFLA==
@@ -1411,7 +1306,7 @@
    semver "^7.3.7"
    tsutils "^3.21.0"

-"@typescript-eslint/parser@^5.59.1":
+"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.59.1":
  version "5.62.0"
  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz"
  integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
@@ -1697,7 +1592,7 @@
  resolved "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.3.1.tgz"
  integrity sha512-tUBEtWcF7wFtII7ayNiLNDTCE1X1afySEo+XNVMNkFXaThENyCowIEX095QqbJZGTgoOcSVDJGlnde2NG4jtbQ==

-"@volar/language-core@2.4.11", "@volar/language-core@~2.4.11":
+"@volar/language-core@~2.4.11", "@volar/language-core@2.4.11":
  version "2.4.11"
  resolved "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.11.tgz"
  integrity sha512-lN2C1+ByfW9/JRPpqScuZt/4OrUUse57GLI6TbLgTIqBVemdl1wNcZ1qYGEo2+Gw8coYLgCy7SuKqn6IrQcQgg==
@@ -1759,14 +1654,6 @@
    estree-walker "^2.0.2"
    source-map-js "^1.2.0"

-"@vue/compiler-dom@3.3.4":
-  version "3.3.4"
-  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz"
-  integrity sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==
-  dependencies:
-    "@vue/compiler-core" "3.3.4"
-    "@vue/shared" "3.3.4"
-
 "@vue/compiler-dom@^3.5.0":
  version "3.5.13"
  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz"
@@ -1775,6 +1662,14 @@
    "@vue/compiler-core" "3.5.13"
    "@vue/shared" "3.5.13"

+"@vue/compiler-dom@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz"
+  integrity sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==
+  dependencies:
+    "@vue/compiler-core" "3.3.4"
+    "@vue/shared" "3.3.4"
+
 "@vue/compiler-sfc@3.3.4":
  version "3.3.4"
  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz"
@@ -1886,12 +1781,12 @@
    "@vue/compiler-ssr" "3.3.4"
    "@vue/shared" "3.3.4"

-"@vue/shared@3.3.4", "@vue/shared@^3.0.0":
+"@vue/shared@^3.0.0", "@vue/shared@3.3.4":
  version "3.3.4"
  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz"
  integrity sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==

-"@vue/shared@3.5.13", "@vue/shared@^3.5.0":
+"@vue/shared@^3.5.0", "@vue/shared@3.5.13":
  version "3.5.13"
  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz"
  integrity sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==
@@ -1933,7 +1828,7 @@ acorn-jsx@^5.3.2:
  resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==

-acorn@^8.8.2, acorn@^8.9.0:
+"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8.8.2, acorn@^8.9.0:
  version "8.10.0"
  resolved "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz"
  integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
@@ -1948,7 +1843,7 @@ ajv@^6.12.4:
    json-schema-traverse "^0.4.1"
    uri-js "^4.2.2"

-ajv@^8.6.0:
+ajv@^8.6.0, ajv@>=8:
  version "8.12.0"
  resolved "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz"
  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
@@ -2013,7 +1908,7 @@ anymatch@~3.1.2:
    normalize-path "^3.0.0"
    picomatch "^2.0.4"

-apexcharts@^3.44.0:
+apexcharts@^3.44.0, "apexcharts@> 3.0.0":
  version "3.44.0"
  resolved "https://registry.npmjs.org/apexcharts/-/apexcharts-3.44.0.tgz"
  integrity sha512-u7Xzrbcxc2yWznN78Jh5NMCYVAsWDfBjRl5ea++rVzFAqjU2hLz4RgKIFwYOBDRQtW1e/Qz8azJTqIJ1+Vu9Qg==
@@ -2168,7 +2063,7 @@ braces@^3.0.3, braces@~3.0.2:
  dependencies:
    fill-range "^7.1.1"

-browserslist@^4.21.9, browserslist@^4.22.1:
+browserslist@^4.21.9, browserslist@^4.22.1, "browserslist@>= 4.21.0":
  version "4.22.1"
  resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz"
  integrity sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==
@@ -2232,7 +2127,7 @@ chalk@^2.4.1:
    escape-string-regexp "^1.0.5"
    supports-color "^5.3.0"

-chalk@^4.0.0, chalk@^4.0.2:
+chalk@^4.0.0:
  version "4.1.2"
  resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -2240,7 +2135,15 @@ chalk@^4.0.0, chalk@^4.0.2:
    ansi-styles "^4.1.0"
    supports-color "^7.1.0"

-"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.3:
+chalk@^4.0.2:
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chokidar@^3.5.3, "chokidar@>=3.0.0 <4.0.0":
  version "3.5.3"
  resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz"
  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -2269,16 +2172,16 @@ color-convert@^2.0.1:
  dependencies:
    color-name "~1.1.4"

-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
 color-name@~1.1.4:
  version "1.1.4"
  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==

+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
 colorette@^2.0.20:
  version "2.0.20"
  resolved "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz"
@@ -2666,7 +2569,7 @@ eslint-plugin-prettier@^5.0.0:
    prettier-linter-helpers "^1.0.0"
    synckit "^0.8.5"

-eslint-plugin-vue@^9.15.1:
+eslint-plugin-vue@^9.0.0, eslint-plugin-vue@^9.15.1:
  version "9.17.0"
  resolved "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.17.0.tgz"
  integrity sha512-r7Bp79pxQk9I5XDP0k2dpUC7Ots3OSWgvGZNu3BxmKK6Zg7NgVtcOB6OCna5Kb9oQwJPl5hq183WD0SY5tZtIQ==
@@ -2687,7 +2590,15 @@ eslint-scope@^5.1.1:
    esrecurse "^4.3.0"
    estraverse "^4.1.1"

-eslint-scope@^7.1.1, eslint-scope@^7.2.2:
+eslint-scope@^7.1.1:
+  version "7.2.2"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-scope@^7.2.2:
  version "7.2.2"
  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz"
  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
@@ -2700,7 +2611,7 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4
  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz"
  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==

-eslint@^8.45.0:
+eslint@*, "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^6.2.0 || ^7.0.0 || ^8.0.0", eslint@^8.45.0, "eslint@>= 8.0.0", eslint@>=6.0.0, eslint@>=7.0.0, eslint@>=8.0.0:
  version "8.47.0"
  resolved "https://registry.npmjs.org/eslint/-/eslint-8.47.0.tgz"
  integrity sha512-spUQWrdPt+pRVP1TTJLmfRNJJHHZryFmptzcafwSvHsceV81djHOdnEeDmkdotZyLNjDhrOasNK8nikkoG1O8Q==
@@ -2771,7 +2682,12 @@ estraverse@^4.1.1:
  resolved "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz"
  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==

-estraverse@^5.1.0, estraverse@^5.2.0:
+estraverse@^5.1.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+estraverse@^5.2.0:
  version "5.3.0"
  resolved "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz"
  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
@@ -2791,7 +2707,22 @@ esutils@^2.0.2:
  resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz"
  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==

-execa@^5.0.0, execa@^5.1.1:
+execa@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz"
+  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.0"
+    human-signals "^2.1.0"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.1"
+    onetime "^5.1.2"
+    signal-exit "^3.0.3"
+    strip-final-newline "^2.0.0"
+
+execa@^5.1.1:
  version "5.1.1"
  resolved "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz"
  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
@@ -2937,11 +2868,6 @@ fs.realpath@^1.0.0:
  resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==

-fsevents@~2.3.2:
-  version "2.3.2"
-  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
 function-bind@^1.1.1:
  version "1.1.1"
  resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -2995,7 +2921,7 @@ get-symbol-description@^1.0.0:
    call-bind "^1.0.2"
    get-intrinsic "^1.1.1"

-glob-parent@^5.1.2, glob-parent@~5.1.2:
+glob-parent@^5.1.2:
  version "5.1.2"
  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -3009,6 +2935,13 @@ glob-parent@^6.0.2:
  dependencies:
    is-glob "^4.0.3"

+glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
 glob@^7.1.3, glob@^7.1.6:
  version "7.2.3"
  resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
@@ -3520,7 +3453,7 @@ kolorist@^1.8.0:
  resolved "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz"
  integrity sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==

-less@^4.2.0:
+less@*, less@^4.2.0:
  version "4.2.0"
  resolved "https://registry.npmjs.org/less/-/less-4.2.0.tgz"
  integrity sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==
@@ -3618,7 +3551,14 @@ lru-cache@^6.0.0:
  dependencies:
    yallist "^4.0.0"

-magic-string@^0.25.0, magic-string@^0.25.7:
+magic-string@^0.25.0:
+  version "0.25.9"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz"
+  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
+  dependencies:
+    sourcemap-codec "^1.4.8"
+
+magic-string@^0.25.7:
  version "0.25.9"
  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz"
  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
@@ -3760,7 +3700,7 @@ mrmime@^1.0.0:
  resolved "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz"
  integrity sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==

-ms@2.1.2, ms@^2.1.1:
+ms@^2.1.1, ms@2.1.2:
  version "2.1.2"
  resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
@@ -3885,7 +3825,7 @@ object.assign@^4.1.4:
    has-symbols "^1.0.3"
    object-keys "^1.1.1"

-odometer@^0.4.8:
+odometer@^0.4.8, odometer@latest:
  version "0.4.8"
  resolved "https://registry.npmjs.org/odometer/-/odometer-0.4.8.tgz"
  integrity sha512-bfKuAhWE/qMCiX9bwX90c5bTpt7MDVeq1e6YsOHQrYokNhv9jhS5JbR9kg6i+FeWmDgalf3VUtwNx1aVaZ8cgg==
@@ -4104,7 +4044,7 @@ prettier-linter-helpers@^1.0.0:
  dependencies:
    fast-diff "^1.1.2"

-prettier@^3.0.0:
+prettier@^3.0.0, "prettier@>= 3.0.0", prettier@>=3.0.0:
  version "3.0.2"
  resolved "https://registry.npmjs.org/prettier/-/prettier-3.0.2.tgz"
  integrity sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==
@@ -4255,14 +4195,14 @@ rollup-plugin-terser@^7.0.0:
    serialize-javascript "^4.0.0"
    terser "^5.0.0"

-rollup@^2.43.1:
+"rollup@^1.20.0 || ^2.0.0", rollup@^1.20.0||^2.0.0, rollup@^2.0.0, rollup@^2.43.1:
  version "2.79.2"
  resolved "https://registry.npmjs.org/rollup/-/rollup-2.79.2.tgz"
  integrity sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==
  optionalDependencies:
    fsevents "~2.3.2"

-rollup@^3.27.1:
+rollup@^1.20.0||^2.0.0||^3.0.0, rollup@^3.27.1:
  version "3.29.5"
  resolved "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz"
  integrity sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==
@@ -4312,7 +4252,7 @@ safe-regex-test@^1.0.0:
  resolved "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz"
  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==

-sass@^1.69.4:
+sass@*, sass@^1.69.4:
  version "1.69.5"
  resolved "https://registry.npmjs.org/sass/-/sass-1.69.5.tgz"
  integrity sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==
@@ -4333,7 +4273,12 @@ scroll-into-view-if-needed@^2.2.25:
  dependencies:
    compute-scroll-into-view "^1.0.20"

-"semver@2 || 3 || 4 || 5", semver@^5.5.0, semver@^5.6.0:
+semver@^5.5.0:
+  version "5.7.2"
+  resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
+
+semver@^5.6.0:
  version "5.7.2"
  resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
@@ -4343,13 +4288,32 @@ semver@^6.3.1:
  resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==

-semver@^7.3.6, semver@^7.3.7, semver@^7.5.4:
+semver@^7.3.6:
  version "7.5.4"
  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
  dependencies:
    lru-cache "^6.0.0"

+semver@^7.3.7:
+  version "7.5.4"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.5.4:
+  version "7.5.4"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+"semver@2 || 3 || 4 || 5":
+  version "5.7.2"
+  resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
+
 serialize-javascript@^4.0.0:
  version "4.0.0"
  resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz"
@@ -4428,7 +4392,7 @@ slash@^3.0.0:
  resolved "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz"
  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==

-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1:
+source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1, "source-map-js@>=0.6.2 <2.0.0":
  version "1.2.1"
  resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz"
  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
@@ -4583,7 +4547,14 @@ supports-color@^5.3.0:
  dependencies:
    has-flag "^3.0.0"

-supports-color@^7.0.0, supports-color@^7.1.0:
+supports-color@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^7.1.0:
  version "7.2.0"
  resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
@@ -4621,7 +4592,7 @@ svg.filter.js@^2.0.2:
  dependencies:
    svg.js "^2.2.5"

-svg.js@>=2.3.x, svg.js@^2.0.1, svg.js@^2.2.5, svg.js@^2.4.0, svg.js@^2.6.5:
+svg.js@^2.0.1, svg.js@^2.2.5, svg.js@^2.4.0, svg.js@^2.6.5, svg.js@>=2.3.x:
  version "2.7.1"
  resolved "https://registry.npmjs.org/svg.js/-/svg.js-2.7.1.tgz"
  integrity sha512-ycbxpizEQktk3FYvn/8BH+6/EuWXg7ZpQREJvgacqn46gIddG24tNNe4Son6omdXCnSOaApnpZw6MPCBA1dODA==
@@ -4655,6 +4626,11 @@ svg.select.js@^3.0.1:
  dependencies:
    svg.js "^2.6.5"

+swiper@^12.0.2:
+  version "12.0.2"
+  resolved "https://registry.npmjs.org/swiper/-/swiper-12.0.2.tgz"
+  integrity sha512-y8F6fDGXmTVVgwqJj6I00l4FdGuhpFJn0U/9Ucn1MwWOw3NdLV8aH88pZOjyhBgU/6PyBlUx+JuAQ5KMWz906Q==
+
 synckit@^0.8.5:
  version "0.8.5"
  resolved "https://registry.npmjs.org/synckit/-/synckit-0.8.5.tgz"
@@ -4678,7 +4654,7 @@ tempy@^0.6.0:
    type-fest "^0.16.0"
    unique-string "^2.0.0"

-terser@^5.0.0:
+terser@^5.0.0, terser@^5.4.0:
  version "5.24.0"
  resolved "https://registry.npmjs.org/terser/-/terser-5.24.0.tgz"
  integrity sha512-ZpGR4Hy3+wBEzVEnHvstMvqpD/nABNelQn/z2r0fjVWGQsN3bpOLzQlqDxmb4CDZnXq5lpjnQ+mHQLAOpfM5iw==
@@ -4717,11 +4693,6 @@ tr46@^1.0.1:
  dependencies:
    punycode "^2.1.0"

-tslib@2.3.0:
-  version "2.3.0"
-  resolved "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz"
-  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
-
 tslib@^1.8.1:
  version "1.14.1"
  resolved "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz"
@@ -4732,6 +4703,11 @@ tslib@^2.3.0, tslib@^2.5.0, tslib@^2.6.0:
  resolved "https://registry.npmjs.org/tslib/-/tslib-2.6.1.tgz"
  integrity sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==

+tslib@2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz"
+  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
+
 tsutils@^3.21.0:
  version "3.21.0"
  resolved "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz"
@@ -4795,7 +4771,7 @@ typed-array-length@^1.0.4:
    for-each "^0.3.3"
    is-typed-array "^1.1.9"

-typescript@~5.1.6:
+typescript@*, "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta", typescript@>=4.4.4, typescript@>=5.0.0, typescript@~5.1.6:
  version "5.1.6"
  resolved "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz"
  integrity sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==
@@ -4970,7 +4946,7 @@ vite-plugin-pwa@^0.16.7:
    workbox-build "^7.0.0"
    workbox-window "^7.0.0"

-vite@^4.4.6:
+"vite@^2.9.0 || ^3.0.0-0 || ^4.0.0", "vite@^3.1.0 || ^4.0.0 || ^5.0.0-0", vite@^4.0.0, vite@^4.4.6:
  version "4.5.14"
  resolved "https://registry.npmjs.org/vite/-/vite-4.5.14.tgz"
  integrity sha512-+v57oAaoYNnO3hIu5Z/tJRZjq5aHM2zDve9YZ8HngVHbhk66RStobhb1sqPMIPEleV6cNKYK4eGrAbE9Ulbl2g==
@@ -4991,6 +4967,11 @@ vue-content-loader@^2.0.1:
  resolved "https://registry.npmjs.org/vue-content-loader/-/vue-content-loader-2.0.1.tgz"
  integrity sha512-pkof4+q2xmzNEdhqelxtJejeP/vQUJtLle4/v2ueG+HURqM9Q/GIGC8GJ2bVVWeLfTDET51jqimwQdmxJTlu0g==

+vue-demi@^0.12.5:
+  version "0.12.5"
+  resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.5.tgz"
+  integrity sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==
+
 vue-demi@>=0.14.5:
  version "0.14.5"
  resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.5.tgz"
@@ -5001,11 +4982,6 @@ vue-demi@>=0.14.6:
  resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz"
  integrity sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==

-vue-demi@^0.12.5:
-  version "0.12.5"
-  resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.5.tgz"
-  integrity sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==
-
 vue-eslint-parser@^9.1.1, vue-eslint-parser@^9.3.1:
  version "9.3.1"
  resolved "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz"
@@ -5053,6 +5029,17 @@ vue-types@^3.0.0:
  dependencies:
    is-plain-object "3.0.1"

+"vue@^2.0.0 || >=3.0.0", "vue@^2.6.14 || ^3.3.0", vue@^3, vue@^3.0.*, vue@^3.0.0, "vue@^3.0.0-0 || ^2.6.0", vue@^3.2.0, vue@^3.2.25, vue@^3.3.4, "vue@> 3.0.0", "vue@>= 2.0.0", vue@>=3.0.3, vue@>=3.2.0, "vue@2 || 3", vue@3.3.4, vue@latest:
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz"
+  integrity sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==
+  dependencies:
+    "@vue/compiler-dom" "3.3.4"
+    "@vue/compiler-sfc" "3.3.4"
+    "@vue/runtime-dom" "3.3.4"
+    "@vue/server-renderer" "3.3.4"
+    "@vue/shared" "3.3.4"
+
 vue3-apexcharts@^1.4.4:
  version "1.4.4"
  resolved "https://registry.npmjs.org/vue3-apexcharts/-/vue3-apexcharts-1.4.4.tgz"
@@ -5078,17 +5065,6 @@ vue3-otp-input@^0.4.1:
  resolved "https://registry.npmjs.org/vue3-otp-input/-/vue3-otp-input-0.4.1.tgz"
  integrity sha512-wVl9i3DcWlO0C7fBI9V+RIP3crm/1tY72fuhvb3YM2JfbLoYofB96aPl5AgFhA0Cse5bQEMYtIvOeiqW3rfbAw==

-vue@^3.2.25, vue@^3.3.4:
-  version "3.3.4"
-  resolved "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz"
-  integrity sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==
-  dependencies:
-    "@vue/compiler-dom" "3.3.4"
-    "@vue/compiler-sfc" "3.3.4"
-    "@vue/runtime-dom" "3.3.4"
-    "@vue/server-renderer" "3.3.4"
-    "@vue/shared" "3.3.4"
-
 warning@^4.0.0:
  version "4.0.3"
  resolved "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz"
@@ -5306,7 +5282,7 @@ workbox-sw@7.0.0:
  resolved "https://registry.npmjs.org/workbox-sw/-/workbox-sw-7.0.0.tgz"
  integrity sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==

-workbox-window@7.0.0, workbox-window@^7.0.0:
+workbox-window@^7.0.0, workbox-window@7.0.0:
  version "7.0.0"
  resolved "https://registry.npmjs.org/workbox-window/-/workbox-window-7.0.0.tgz"
  integrity sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==