From 9a1eda1809dc46420e87edb15aecb488ec0a5fe4 Mon Sep 17 00:00:00 2001
From: Arina Yakovenko <yakovenko_arina@ma-al.com>
Date: Tue, 9 Jul 2024 08:37:01 +0200
Subject: [PATCH] add MlTabberBase

---
 modules/module.ts                               |  4 ++++
 package.json                                    |  2 +-
 src/components/Ml/SliderPoint/MlSliderPoint.vue | 11 ++++++-----
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/modules/module.ts b/modules/module.ts
index 08d571f..bc4fd61 100644
--- a/modules/module.ts
+++ b/modules/module.ts
@@ -37,6 +37,10 @@ const components = [
     name: "MlSliderPoint",
     path: "../src/components/Ml/SliderPoint/MlSliderPoint.vue",
   },
+  {
+    name: "MlTabberBase",
+    path: "../src/components/Ml/Tabber/MlTabberBase.vue",
+  },
 ];
 
 const composables = [
diff --git a/package.json b/package.json
index 3edb7e0..06ebb20 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "1.2.6",
   "private": false,
   "type": "module",
-  "main": "index.js",
+  "main": "main.vue",
   "scripts": {
     "build": "nuxt build",
     "prepack": "nuxt build",
diff --git a/src/components/Ml/SliderPoint/MlSliderPoint.vue b/src/components/Ml/SliderPoint/MlSliderPoint.vue
index 183be24..d8379d8 100644
--- a/src/components/Ml/SliderPoint/MlSliderPoint.vue
+++ b/src/components/Ml/SliderPoint/MlSliderPoint.vue
@@ -23,11 +23,12 @@
       <div
         v-for="(slide, index) in 4"
         :key="index"
-        :class="[
-          'bg-black h-[3px] transition-all duration-500',
+        class="bg-black"
+        :style="[
+          'height: 3px; transition: all 0.5s;',
           index === currentSlideNumber
-            ? 'bg-black py-2 w-[16px] rounded-3xl'
-            : 'h-[3px] bg-black w-[25px] rounded-sm md:w-[24px]',
+            ? 'padding-top : 8px; padding-bottom: 8px; width: 16px; border-radius : 50%;'
+            : 'height: 3px;  width: 25px;',
         ]"
         @click="goToSlide(index), stopAutoSlide()"
       ></div>
@@ -46,7 +47,7 @@ import type { PTAttribs } from "./types";
 const showSwiper = ref(false);
 const currentSlideNumber = ref(0);
 let swiperInstance: swiper | null = null;
-let intervalId: number | null = null;
+let intervalId: NodeJS.Timeout | null = null;
 
 const onSwiper = (swiper: swiper) => {
   swiperInstance = swiper;