Hi,

According to the documentation, dynamic attributes require the : notation (e.g., <c-component :prop="True"></c-card>). However, when using <c-vars>, both of the following cases appear to be interpreted the same way, even though : isn't required:

<c-vars prop="False"></c-vars>  <!-- Interpreted as a boolean -->
<c-vars :prop="False"></c-vars> <!-- Also interpreted as a boolean -->

In contrast, when using <c-component>, the behavior is different:

<c-component prop="True"></c-card>  <!-- Interpreted as a string -->
<c-component :prop="True"></c-card> <!-- Correctly interpreted as a boolean -->

This difference between <c-vars> and <c-component> was a bit unexpected and I couldn't find anything in the documentation about it.

Would it make sense to clarify this in the documentation?