LeConte deployments page complete, better auto-formatting and import sorting, new inline link, popover definitions, and paragraph components, improvements to component interfaces

src/components/Media/CustomCarousel/custom-carousel.ts

@@ -1,7 +1,7 @@
 import {
   Carousel,
-  type CarouselItem,
   type CarouselInterface,
+  type CarouselItem,
   type CarouselOptions,
   type IndicatorItem,
   Modal,

src/components/Media/Video.astro

@@ -1,11 +1,34 @@
 ---
-import { type videoConfig } from "@interfaces/video.ts";
+interface Props {
+  videoPath: string;
+  videoType?: string;
 
-const config: videoConfig = Astro.props.videoConfig;
-console.log(config);
+  controls?: boolean;
+  autoPlay?: boolean;
+  loop?: boolean;
+  playsInline?: boolean;
+}
+
+const {
+  videoPath,
+  videoType = "video/mp4",
+
+  controls = true,
+  autoPlay = false,
+  loop = false,
+  playsInline = false,
+} = Astro.props;
 ---
 
-<video class="h-auto w-full max-w-1/2" controls>
-  <source src={config.videoPath} type={config.videoType ?? "video/mp4"} />
-  Your browser does not support the video tag.
-</video>
+<div class="mx-auto my-auto">
+  <video
+    class="h-auto w-full"
+    controls={controls}
+    autoplay={autoPlay}
+    loop={loop}
+    playsinline={playsInline}
+  >
+    <source src={videoPath} type={videoType} />
+    Your browser does not support the video tag.
+  </video>
+</div>