chore: replace remarkunwrapimages iwth rehypunwrapimages

astro.config.mjs

@@ -4,7 +4,7 @@ import mdx from "@astrojs/mdx";
 import tailwindcss from "@tailwindcss/vite";
 import icon from "astro-icon";
 import remarkReadingTime from "remark-reading-time";
-import remarkUnwrapImages from "remark-unwrap-images";
+import rehypeUnwrapImages from "rehype-unwrap-images";
 import { remarkR2Images } from "./src/plugins/remark-r2-images.mjs";
 import { rehypePictureWebp } from "./src/plugins/rehype-picture-webp.mjs";
 import { remarkYouTube } from "./src/plugins/remark-youtube.mjs";
@@ -23,11 +23,10 @@ export default defineConfig({
         };
       },
       remarkR2Images,
-      remarkUnwrapImages,
       remarkYouTube,
       remarkInstagram,
     ],
-    rehypePlugins: [rehypePictureWebp],
+    rehypePlugins: [rehypeUnwrapImages, rehypePictureWebp],
   },
   i18n: {
     defaultLocale: "vi",

package.json

@@ -28,8 +28,8 @@
     "astro": "^6.0.4",
     "astro-icon": "^1.1.5",
     "lite-youtube-embed": "^0.3.4",
+    "rehype-unwrap-images": "^1.0.0",
     "remark-reading-time": "^2.0.2",
-    "remark-unwrap-images": "^4.0.1",
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3",
     "unist-util-visit": "^5.1.0"