Riot Files

Breaking changes

• Fix https://github.com/riot/riot/issues/3021
• Fix https://github.com/riot/riot/issues/3051
• Update compiler and dom bindings to fix https://github.com/riot/riot/issues/3023
• Update tags root attributes handling. They will be no longer automatically rendered. See example below

With Riot.js < 10:

Component

:::riot
<parent>
  <child class="colored" role={computed} />

  <script>
    export default { role: 'alert' }
  </script>
</parent>

Output

:::html
<parent>
  <child class="colored" role="alert" />
</parent>

With Riot.js >= 10:

:::riot
<parent>
  <!-- you will need to render these props inside the child component by yourself -->
  <child class="colored" role={computed} />

  <script>
    export default { role: 'alert' }
  </script>
</parent>

Output

:::html
<parent>
  <child />
</parent>

To get the Riot.js < 10 output you will need to add the attributes manually into you <child> component for example:

:::riot
<child class={props.class} role={props.role}>
   ...
</child>

Or all the attrs altogether

:::riot
<child {...props}>
   ...
</child>

Other updates

• Update attributes handling. Truthy and Falsy attributes will be rendered more consistently
• Update dependencies
• Upgrade to eslint v9