ayo/astro-resume
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: update readme

Browse source
This commit is contained in:
ayo 2026-04-12 08:47:56 +02:00
parent 0fa049b095
commit b952c86b33
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -183,13 +183,13 @@ The `deserialize()` function may give you the following:
## About ## About
This is a quick and easy pattern to embed serialized information into your HTML and make it available in the client-side script with type safety. This is a quick and easy pattern to embed serialized information into your HTML and make it available in the client-side script. This doesn't require client-side JS and directly embeds the data on your HTML.
The `Serialize` component will write the data as JSON wrapped in a `<script type="application/json">` element to hold the string. The `Serialize` component will write the data as JSON wrapped in a `<script type="application/json">` element to hold the string.
The `deserialize()` function can then parse the value string for use in your client script. The `deserialize()` function can then parse the value string for use in your client script.
There is also a pattern [given in the Astro docs](https://docs.astro.build/en/guides/client-side-scripts/#pass-frontmatter-variables-to-scripts) to use a Custom Element that takes a `data-` prop which properly protects the scope of your component. That is a good pattern to follow for complex applications that don't use UI frameworks. There is also a pattern [given in the Astro docs](https://docs.astro.build/en/guides/client-side-scripts/#pass-frontmatter-variables-to-scripts) to use a Custom Element that takes a `data-` prop which properly protects the scope of your component. It requires client-side JS.
## Trade-Off ## Trade-Off