From 40ebdd7bad21ec8593fedc150de20ebcc10301dc Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Fri, 19 Jan 2024 23:03:28 +0300
Subject: [PATCH] added vision for swiper

---
 .../src/pages/games-pages/SapergamePage.vue   | 22 ++++++++-----------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/luckydiamond/src/pages/games-pages/SapergamePage.vue b/luckydiamond/src/pages/games-pages/SapergamePage.vue
index d68e2ca..20d248e 100644
--- a/luckydiamond/src/pages/games-pages/SapergamePage.vue
+++ b/luckydiamond/src/pages/games-pages/SapergamePage.vue
@@ -44,16 +44,12 @@
             <button class="btn-claim">Забрать 15 АР</button>
           </div>
           <div class="saper-start__steps btns-style__steps">
-            <swiper :slidesPerView="6" :spaceBetween="-100"  :pagination="{ clickable: true }" :modules="modules">
-              <swiper-slide>1</swiper-slide> <swiper-slide>1</swiper-slide>
-              <swiper-slide>1</swiper-slide> <swiper-slide>1</swiper-slide>
-              <swiper-slide>1</swiper-slide> <swiper-slide>1</swiper-slide>
-              <swiper-slide>1</swiper-slide> <swiper-slide>1</swiper-slide>
-              <swiper-slide>1</swiper-slide> <swiper-slide>1</swiper-slide>
-              <swiper-slide>1</swiper-slide> <swiper-slide>1</swiper-slide>
-              <swiper-slide>1</swiper-slide> <swiper-slide>1</swiper-slide>
-              <swiper-slide>1</swiper-slide> <swiper-slide>1</swiper-slide>
-              <swiper-slide>1</swiper-slide> <swiper-slide>1</swiper-slide>
+            <swiper :spaceBetween="25"  :pagination="{ clickable: true }" :modules="modules">
+              <template v-for="(item, index) in PercentageGameSteps" :key="index">
+                <swiper-slide>
+                  <button class="steps-btns__display">{{ item }}</button>
+                </swiper-slide>
+              </template>
             </swiper>
 <!--            <ul class="steps-btns__display">-->
 <!--              <li v-for="(item, index) in SaperNumbers" :key="index">-->
@@ -169,11 +165,11 @@ export default {
     PercentageGameSteps(CrystalsCount) {
       if (CrystalsCount >= 1) {
         this.amountSaveCrystals = CrystalsCount
-        setTimeout(() => {
+        setTimeout(async () => {
           try {
-            GetPercentageSteps(this.amountSaveCrystals)
+            await GetPercentageSteps(this.amountSaveCrystals)
               .then((response) => {
-                this.PercentageGameSteps.push(response)
+                this.PercentageGameSteps = response
                 console.log(response)
               })
           }