[Bug?]: Meta tags with the same name, but different props are merged and only the last on his rendered

[coppy-team]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

If I'm trying to add several meta tags with the same name, only the last one is rendered:

<Meta
    name="theme-color"
    content="hsl(215 30% 96%)"
    media="(prefers-color-scheme: light)"
/>
<Meta
    name="theme-color"
    content="hsl(215 15% 20%)"
    media="(prefers-color-scheme: dark)"
/>

On the html page I see only the last meta tag:

<meta name="theme-color" content="hsl(215 15% 20%)"  media="(prefers-color-scheme: dark)" >

Expected behavior 🤔

It seems like this might be an expected behavior and we usually want to merge those tags. But in this case we want to keep both tags, because they use different media queries.

I think tangential issue is that typing for Meta component (and meta tag) do not expect the media attribute.

Steps to reproduce 🕹

No response

Context 🔦

I'm trying to set up the color for the Safari tab bar. And I want to set different color depending on the user selected theme.

Your environment 🌎

No response

[ryansolid]

I believe this was fixed in latest Solid Meta.