How can I make an async shortcode?

[Dima34]

hello, I need to male an async shortcode, but in the page I recive a [objectPromice]. How I should do it correctly? Can you give me an expamples?

Here is an example of my code

eleventyConfig.addShortcode("articleHBblock", async (title, url, text, imageUrl, alt, tags=["test", "test"])=>{

    let line = ""
    tags.forEach(el => {
        line += `<li class="float-left"><a href="/tags/${el}" class="article-block__tag main-text link">${el}</a></li>`
    }); 

    const picture = await pictureSvgBase64Png(imageUrl, alt, 20, 20)

    console.log(line);

    return `<div> ${picture} </div>`

</code

[Dima34]

I`ve found an aswer: You need 2 use addNunjucksAsyncShortcode to use async functions

eleventyConfig.addNunjucksAsyncShortcode("articleHBblock", async (title, url, text, imageUrl, alt, tags=["test", "test"])=>{ return `

${(await eleventyConfig.nunjucksAsyncShortcodes.pictureSvgBase64Png(imageUrl, alt, 20, 20))}