add MlTabberBase

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 = [

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",

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;