using x-for with any iterable object

[jimmywarting]

I just used x-for="x in set" with combination of new Set() but it didn't work...
i wanted to use Set cuz i wanted to be able to delete an item when clicked.

<div x-data="{items: new Set([])}">
  <template x-for="item of items">
    <button @click="items.delete(item)">
  </template>
</div>

i know i can solve this with using arr splice but Set works better IMO for this kind of add/remove things