Passing multiple variables to local script | Astro Lounge | Page 1

junior ibex May 3, 2023, 8:41 AM

#

I am trying to pass multiple variables to my local script. Currently, I am doing this one by one. Is there a better way?

<body data-png192src={`${png192Src}`}
      data-png512src={`${png512Src}`}
      data-url={`${Url}`}
>

...

<script>
let png192Src = document.querySelector('body')?.dataset.png192src;
let png512Src = document.querySelector('body')?.dataset.png512src;
let url = document.querySelector('body')?.dataset.url;
</script>

formal graniteBOT May 3, 2023, 9:45 AM

#

Quiet in here?

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.

viscid lava May 3, 2023, 2:09 PM

#

You could try using the define:vars the directive https://docs.astro.build/en/reference/directives-reference/#definevars

Astro Documentation

Template Directives Reference

Build faster websites with less client-side JavaScript.

#Passing multiple variables to local script