Fallstricke, Hinweise & Lessons Learned
Achtung bei Buttons mit Icons! Diese werden nicht richtig dargestellt, wenn man klassisch den Buttontext in das Element schreibt. Stattdessen muss der Text in das Label-Attribut!
Falsch:
html<Button icon="fa-solid fa-flag-checkered" pt:root:class="p-3 bg-secondary text-white text-xl" @click="startGame(false)"> Klick mich! </Button>Richtig:
html<Button icon="fa-solid fa-flag-checkered" pt:root:class="p-3 bg-secondary text-white text-xl" @click="startGame(false)" label="Klick mich!"> </Button>