Inject frontmatter variables into rendered script tag | Astro Lounge | Page 1

sour knoll Oct 1, 2023, 8:34 PM

#

Don't know if or how this would be possible. I have a script tag that needs to sit at the end of my blog post content to generate the comment section. While not strictly required, it will help me moderate comments better if I can include the post's ID and URL in the script tag.

What I'm struggling with is how to insert information from the frontmatter into the script tag. For obvious reasons it seems as though {...} and {{...}} dont work.

dawn violetBOT Oct 1, 2023, 9:45 PM

#

Still waiting for an answer?

It looks like no-one has responded to your question yet. People might not be available right now or don’t know how to answer your question. Want an answer while you wait? Try asking our experimental bot in #1095492539085230272.

flat basin Oct 2, 2023, 2:48 PM

#

You do this by adding define:vars to your script tag like <script define:vars{{ id, url}} >
https://docs.astro.build/en/reference/directives-reference/#definevars

Astro Documentation

Template Directives Reference

Build faster websites with less client-side JavaScript.

#Inject frontmatter variables into rendered script tag