Incompatibility with Alpine.js framework

[L1feF0rm]

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework incompatibility with Alpine.js framework
I'm using Bulma version 1.0.3
My browser is: Chrome 131
I am sure this issue is not a duplicate (or at least i could not find a duplicate)

Description

Steps to Reproduce

1. Use tabs container element with classes tabs and is-toggle (and optionally is-toggle-rounded)
2. Iterate children using alpinejs x-for and template

Demo

Expected behavior

First tab should have rounded corners

Actual behavior

First tab does not have rounded corners.

This is because the first child is actually a template element (inspect the demo) and fails the .tabs.is-toggle li:first-child a and .tabs.is-toggle.is-toggle-rounded li:first-child a selectors. Would you consider fixing this? I would suggest using :first-of-type instead of :first-child, or even make a PR if you prefer.

Thank you