How does photo gallery work? I want to DIY part of the theme but failed

[MarkRushB]

Thanks @CaiJimmy for developing this theme!

I tried to customize a little bit of the theme, for some articles, I just want to display the content directly, so I make a category "memo" for those content, and the main business logic is like:

# layouts/partials/article-list/default.html

{{ $image := partialCached "helper/image" (dict "Context" . "Type" "articleList") .RelPermalink "articleList" }}
{{ $isMemo := false }}
{{ $categories := .Params.categories }}

{{ range $categories }}
    {{ if eq . "memo" }}
        {{ $isMemo = true }}
    {{ end }}
{{ end }}
<article class="{{ if $image.exists }}has-image{{ end }}">
     
    {{ if $isMemo }}
        <article class="main-article">
            {{ partial "article/components/memo" . }} 
        </article> 
    {{ else }}
        {{ partial "article/components/header" . }}
    {{ end }}
</article>

when I post some images there, images could be rendered properly if you get into the blog detail page:

but in the article list page, it cannot be rendered well:

after checking the code, I found the images got encapsulated by <div class="gallery">, so I am wondering how can I modify the code to get that affect?

Thank you so much!

[MarkRushB]

Looks like this function were not called properly:

hugo-theme-stack/assets/ts/gallery.ts

Line 59 in 4e7865c

public static createGallery(container: HTMLElement) {