feat: support markdown

ui/components/Markdown/renderer/image.tsx

@@ -0,0 +1,34 @@
+import type { Image } from "@yozora/ast";
+import React from "react";
+import type { INodeRenderer } from "../context";
+import { astClasses } from "../context";
+import { ImageRendererInner } from "./inner/ImageRendererInner";
+
+/**
+ * Render `image`.
+ *
+ * @see https://www.npmjs.com/package/@yozora/ast#image
+ * @see https://www.npmjs.com/package/@yozora/tokenizer-image
+ */
+export const ImageRenderer: INodeRenderer<Image> = props => {
+  const {
+    url: src,
+    alt,
+    title,
+    srcSet,
+    sizes,
+    loading,
+  } = props as Image & React.ImgHTMLAttributes<HTMLElement>;
+
+  return (
+    <ImageRendererInner
+      alt={alt}
+      src={src}
+      title={title}
+      srcSet={srcSet}
+      sizes={sizes}
+      loading={loading}
+      className={astClasses.image}
+    />
+  );
+};