build: get rid of @astrojs/image

astro.config.ts

@@ -2,9 +2,6 @@ import { defineConfig } from "astro/config";
 
 import tailwind from "@astrojs/tailwind";
 
-// https://astro.build/config
-import image from "@astrojs/image";
-
 // https://astro.build/config
 import sitemap from "@astrojs/sitemap";
 
@@ -30,7 +27,6 @@ export default defineConfig({
   site: "https://xhyrom.dev/",
   integrations: [
     tailwind(),
-    image(),
     sitemap(),
     compress({
       svg: false,

src/pages/index.astro

@@ -1,7 +1,7 @@
 ---
 import Layout from "@layouts/Layout.astro";
 import Navbar from "@components/widgets/Navbar.astro";
-import { Picture } from "@astrojs/image/components";
+import { Image } from "astro:assets";
 import logo from "@assets/logo.png";
 import { SOCIALS } from "../config";
 ---
@@ -31,13 +31,10 @@ import { SOCIALS } from "../config";
     class="mt-24 flex flex-col items-center justify-center md:mt-64 md:flex-row"
   >
     <div class="justify-cener flex items-center">
-      <Picture
+      <Image
         src={logo}
-        formats={["png"]}
+        width={200}
-        sizes="(max-width: 200px) 100vw, 200px"
+        alt="pfp"
-        widths={[200, 400]}
-        aspectRatio={"1:1"}
-        alt="descriptive text"
         class={"h-[200px] w-[200px]"}
       />
     </div>