images not draggable

Author: tsukinoko-kun

src/components/Game.astro

@@ -16,7 +16,12 @@ const { title, img, genres, platforms, release, price } = Astro.props;
       typeof title === "string" ? (
         title
       ) : (
-        <img src={title.src} alt={title.alt} class="h-24 aspect-auto" />
+        <img
+          src={title.src}
+          alt={title.alt}
+          class="h-24 aspect-auto"
+          draggable="false"
+        />
       )
     }
   </h2>
@@ -29,6 +34,7 @@ const { title, img, genres, platforms, release, price } = Astro.props;
       >{
         platforms.map((x) => (
           <img
+            draggable="false"
             class="inline-block h-4 aspect-auto"
             src={
               x === "windows"
@@ -76,12 +82,18 @@ const { title, img, genres, platforms, release, price } = Astro.props;
               class="block my-4 h-32 md:h-64 aspect-auto"
               src={x}
               class="block"
+              draggable="false"
             />
           ),
         )}
       </div>
     ) : (
-      <img class="block h-32 aspect-auto" src={img} class="block" />
+      <img
+        class="block h-32 aspect-auto"
+        src={img}
+        class="block"
+        draggable="false"
+      />
     )
   }
 </section>

src/components/Header.astro

@@ -4,13 +4,18 @@ import bmsLettering from "../assets/bms_lettering.svg";
 ---
 
 <header class="py-2 px-4 shadow bg-neutral-800 shadow-black">
-  <a href="/" class="flex flex-row gap-2 justify-start items-center">
-    <img class="block w-24 aspect-square" src={bmsLogo.src} />
+  <a
+    href="/"
+    class="flex flex-row gap-2 justify-start items-center"
+    draggable="false"
+  >
+    <img class="block w-24 aspect-square" src={bmsLogo.src} draggable="false" />
     <h1 class="block text-2xl font-bold text-white">
       <img
         class="block h-16 aspect-auto"
         src={bmsLettering.src}
         alt="Bloodmage Software"
+        draggable="false"
       />
     </h1>
   </a>

src/components/Steam.astro

@@ -8,7 +8,7 @@ const { href } = Astro.props;
   target="_blank"
   class="inline-flex flex-row gap-2 items-center py-1 px-2 m-2 rounded cursor-pointer bg-slate-600 w-fit hover:bg-sky-600"
 >
-  <img src={steamLogo.src} class="h-8 aspect-square" />
+  <img src={steamLogo.src} class="h-8 aspect-square" draggable="false" />
   <span class="text-white">
     <slot />
   </span>