Use library for responsive images

Author: mvolfik

astro.config.mjs

@@ -1,10 +1,11 @@
 import { defineConfig } from "astro/config";
+import { astroImageTools } from "astro-imagetools";
 
 import solid from "@astrojs/solid-js";
 import sitemap from "@astrojs/sitemap";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [solid(), sitemap()],
+  integrations: [solid(), sitemap(), astroImageTools],
   site: "https://mvolfik.github.io",
 });

package.json

@@ -3,10 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "astro dev",
-    "start": "astro dev",
-    "build": "astro build && node fixViteAsset.mjs",
-    "preview": "astro preview",
+    "dev": "astro dev --experimental-integrations",
+    "build": "astro build --experimental-integrations && node fixViteAsset.mjs",
     "format": "prettier --write --plugin-search-dir . --ignore-path .gitignore"
   },
   "devDependencies": {
@@ -15,6 +13,7 @@
     "@babel/core": "^7.17.10",
     "@fontsource/open-sans": "^4.5.8",
     "astro": "=1.0.0-beta.27",
+    "astro-imagetools": "^0.6.3",
     "fast-glob": "^3.2.11",
     "prettier": "^2.6.2",
     "prettier-plugin-astro": "=0.1.0-next.4",