MenuItem href does nothing

[uvulpos]

What package has an issue

@svelteuidev/core

A clear and concise description of what the bug is

does not work

<Menu>
      <Menu.Label>{$_("page.navigation.application.header")}</Menu.Label>
      <Menu.Item icon={Pencil1} href="/settings">
            Settings
      </Menu.Item> 
</Menu>

works

<Menu>
      <Menu.Label>{$_("page.navigation.application.header")}</Menu.Label>
      <a href="/settings">
            <Menu.Item icon={Pencil1} href="/settings">
                  Settings
            </Menu.Item>
      </a>
</Menu>

In which browser(s) did the problem occur?

Chrome

Steps To Reproduce

Just try out my code snippet from above, an alike issue like #501

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

No

Relevant Assets

No response

[BeeMargarida]

Hey, you need to set the Menu.Item as an anchor with the root prop, like so:

<Menu.Item icon={Pencil1} root="a" href="/settings">
      Settings
</Menu.Item>

[uvulpos]

🤯 why do I have to care about this? This should be done by the lib, is it?