---

src/components/Ml/Slider/MlSlider.vue

@@ -29,9 +29,7 @@
     </swiper>
     <div>
       <div :class="counterClasses">
-        <div :class="progressClass"
-          :style="`width: ${progerssBar}%`"
-        ></div>
+        <div :class="progressClass" :style="`width: ${progerssBar}%`"></div>
         <div class="flex justify-between my-4">
           <button
             :disabled="isPrevDisabled"
@@ -65,7 +63,7 @@ import { Swiper, SwiperSlide } from "swiper/vue";
 import type { Swiper as swiper } from "swiper/types";
 import "swiper/css";
 import { twMerge } from "tailwind-merge";
-import { ArrowLeftIcon, ArrowRightIcon } from "@heroicons/vue/24/solid";
+import { ArrowLeftIcon, ArrowRightIcon } from "#imports";
 import type { PTAttribs, SliderProps } from "./types";
 
 const showSwiper = ref(false);

src/components/Ml/Slider/types.ts

@@ -18,7 +18,7 @@ export type PTAttribs = {
     direction: string;
   };
   progress?: {
-    direction: string;
+    class: string;
   };
 };