improve current solution for serializing JSON in HTML

[thescientist13]

Currently in order to handle serializing JSON that might contain an apostrophe, like with #16 , it requires a two step process

So for example, using this example

{
  title: 'Tuesday\'s Tunes Season Premier!'
}

1. Convert the ' to " and use ' for the HTML attributes

   <tt-upcoming-events events='${JSON.stringify(events).replace(/'/g, '\\"')}'></tt-upcoming-events>

2. In the component, convert them back to '

   const formattedTitle = title.replace(/"/g, '\'');

• If you double quote, everything stops at the first double quote, e.g. [{
• If you single quote, it stops at the first single quote, e.g. [{"title":"Tuesday

---

It would be nice if there was a single way, whether using " or ' in the HTML to avoid escaping issues, such that it has to fixed on the component side too.