modules/module.ts

@@ -37,10 +37,6 @@ const components = [
     name: "MlSliderPoint",
     path: "../src/components/Ml/SliderPoint/MlSliderPoint.vue",
   },
-  {
-    name: "MlTabberBase",
-    path: "../src/components/Ml/Tabber/MlTabberBase.vue",
-  },
 ];
 
 const composables = [

src/components/Ml/SliderPoint/MlSliderPoint.vue

@@ -23,12 +23,11 @@
       <div
         v-for="(slide, index) in 4"
         :key="index"
-        class="bg-black"
-        :style="[
-          'height: 3px; transition: all 0.5s;',
+        :class="[
+          'bg-black h-[3px] transition-all duration-500',
           index === currentSlideNumber
-            ? 'padding-top : 8px; padding-bottom: 8px; width: 16px; border-radius : 50%;'
-            : 'height: 3px;  width: 25px;',
+            ? 'bg-black py-2 w-[16px] rounded-3xl'
+            : 'h-[3px] bg-black w-[25px] rounded-sm md:w-[24px]',
         ]"
         @click="goToSlide(index), stopAutoSlide()"
       ></div>
@@ -47,7 +46,7 @@ import type { PTAttribs } from "./types";
 const showSwiper = ref(false);
 const currentSlideNumber = ref(0);
 let swiperInstance: swiper | null = null;
-let intervalId: NodeJS.Timeout | null = null;
+let intervalId: number | null = null;
 
 const onSwiper = (swiper: swiper) => {
   swiperInstance = swiper;