Astro3.4

npx astro add astro-remark-eleventy-image

//省略  integrations: [    sitemap(),    astroImageTools,    mdx(),    remarkEleventyImage({      sizes: "(max-width: 700px) 100vw, 700px",      remoteImages: false,      altRequired: true,      customMarkup: customMarkup,      eleventyImageConfig: {        formats: ['webp'],        widths: ['auto', 600, 1000, 1400],        sharpOptions: {          animated: true        }      },    })  ],  vite: {    ssr: {      external: ["@11ty/eleventy-img"],    },  },

//省略export default defineConfig({  integrations: [sitemap(),astroImageTools,mdx(),remarkEleventyImage()],  vite: {    ssr: {      external: ["@11ty/eleventy-img"],    },  },});

export function customMarkup({ src, sources, width, height, alt }) {  return `  <picture>  ${sources}  <img    class="u-photo"    src="${src}"    width="${width}"    height="${height}"    alt="${alt}"    loading="lazy"    decoding="async">   </picture>   `;}

---import BaseLayout from "@layouts/NoteLayout.astro";import { getCollection } from "astro:content";import NoteList from "@components/NoteList.astro";import Tags from "@components/Tags.astro";import type { CollectionEntry } from "astro:content";import { sortByDate } from "@utils/sortByDate";import Section from "@components/Section.astro";const collection_name = "note";const blogEntries = await getCollection(collection_name);const tags = [...new Set(blogEntries.map((post) => post.data.tags).flat())];const all_name = "すべてのNote";interface NAMES_OF_CATEGORY {  [key: string]: CollectionEntry<typeof collection_name>[];}const namesOfCategory: NAMES_OF_CATEGORY = {};const category = [  ...new Set(blogEntries.map((post) => post.data.category).flat()),];category.sort();category.push(all_name);// undefined要素の除去const category_list = category.filter(  (category): category is Exclude<typeof category, undefined> =>    category !== undefined);category_list.map(async (cats) => {  namesOfCategory[cats] = await getCollection(collection_name, ({ data }) => {    return data.category?.includes(cats) === true;  });  namesOfCategory[cats]?.sort(sortByDate);});/* 2023-01-28 *//* なぜか一度はここで配列を読み込まないと上記で読み込んだものが反映されない awaitのせい？ */namesOfCategory[all_name] = (await getCollection(collection_name)).sort(  sortByDate);---<BaseLayout pageTitle="カテゴリー別NOTE" description="個人的なノート">  <Section>    <h1>カテゴリー別NOTE</h1>    <Tags tags={tags} baseUrl="/note/" />    {      (        <>          {category_list.map((cats) => {            return (              <>                <h2>{cats}</h2>                <ul style="list-style:none;">                  {namesOfCategory[cats]?.map((posts) => {                    return (                      <NoteList entry_name={collection_name} post={posts} />                    );                  })}                </ul>              </>            );          })}        </>      )    }  </Section></BaseLayout>

---/* 2023-01-28 *//* なぜか一度はここで配列を読み込まないと上記で読み込んだものが反映されない awaitのせい？ */namesOfCategory[all_name] = (await getCollection(collection_name)).sort(  sortByDate);