Issue with prefixed mary ui when using header

[Scraayp]

maryUI version

2.3

daisyUI version

5.0.17

Livewire version

3.0

What browsers are affected?

Chrome

What happened?

HTML/Blade

<x-mary-header title="Gearchiveerde projecten" icon="o-archive-box" subtitle="Alle gearchiveerde projecten met een mogelijkheid om ze terugtestellen." separator
		class="mx-auto w-[80%]" />

Related Code:

mary/src/View/Components/Header.php

Line 54 in 263e483

<x-icon name="{{ $icon }}" class="{{ $iconClasses }}" />

Error:

Svg by name "o-archive-box" from set "default" not found.

I have my mary-ui prefixed with mary so that all the components work with x-mary-*. This has been working on every component. Just when header with icon, I get the problem that it's trying to find a icon with x-icon while it should be x-mary-icon.

Best Solution:

Get the icon internally and not call a component. This would fix the issue with the prefix.

🔥Point of notice: I really appreciate all the effort you’ve poured into the package—it looks fantastic, and I’ve already integrated it into several of my own applications.

[reafeichtinger]

This can be easily fixed by changing the <x-icon to <x-mary-icon in the Header component. A PR is welcome.

[Scraayp]

Done!