Bump astro version and moved to stable responsive images

astro.config.mjs

@@ -1,48 +1,65 @@
 // @ts-check
-import { defineConfig } from 'astro/config';
-
-import tailwindcss from '@tailwindcss/vite';
-
-import preact from '@astrojs/preact';
-
-import node from '@astrojs/node';
-
-import icon from 'astro-icon';
-
-import mdx from '@astrojs/mdx';
+import { defineConfig } from "astro/config";
+import tailwindcss from "@tailwindcss/vite";
+import preact from "@astrojs/preact";
+import node from "@astrojs/node";
+import icon from "astro-icon";
+import mdx from "@astrojs/mdx";
 
 // https://astro.build/config
 export default defineConfig({
-  site: 'https://atri.dad',
+  site: "https://atri.dad",
   redirects: {
-    '/feed': '/rss.xml',
+    "/feed": "/rss.xml",
   },
-  output: 'server',
+  output: "server",
   vite: {
-    plugins: [tailwindcss()]
-  },
-  
-  // Enable experimental responsive images
-  experimental: {
-    responsiveImages: true,
-  },
-  
-  // Configure default image behavior
-  image: {
-    experimentalLayout: 'constrained',
-    experimentalObjectFit: 'cover',
-    experimentalObjectPosition: 'center',
+    plugins: [tailwindcss()],
   },
 
-  integrations: [preact(), mdx(), icon({
-    include: {
-      mdi: ["clock", "tag", "arrow-right", "link", "email", "rss", "download", "web", "arrow-left"],
-      "simple-icons": ["spotify", "gitea", "bluesky", "react", "typescript", "astro", "go", "postgresql", "redis", "docker", "github", "linkedin"],
-    },
-  }),
+  // Configure default image behavior
+  image: {
+    responsiveStyles: true,
+    layout: "constrained",
+    objectFit: "cover",
+    objectPosition: "center",
+  },
+
+  integrations: [
+    preact(),
+    mdx(),
+    icon({
+      include: {
+        mdi: [
+          "clock",
+          "tag",
+          "arrow-right",
+          "link",
+          "email",
+          "rss",
+          "download",
+          "web",
+          "arrow-left",
+        ],
+        "simple-icons": [
+          "spotify",
+          "gitea",
+          "bluesky",
+          "react",
+          "typescript",
+          "astro",
+          "go",
+          "postgresql",
+          "redis",
+          "docker",
+          "github",
+          "linkedin",
+        ],
+      },
+    }),
   ],
 
   adapter: node({
-    mode: 'standalone'
+    mode: "standalone",
   }),
-});
+});