referring to element in x-for second time becoming undefined

[sqllyw]

Hi,

got a code like this:

 <div x-data="">   
        <template x-for="i in 10">
        <span x-text="i" ></span>
        <span x-text="i" ></span>
        </template>
        
      </div>
  

it works if there is only one span, but failed with following error if two spans:

i is not defined
Alpine: <template> tag with [x-for] encountered with an unexpected number of root elements.

how to fix this? thanks

[SimoTod]

You can only have one root element inside your x-for template. I think the readme mentions it.

<div x-data>
    <template x-for="i in 10">
        <div>
            <span x-text="i" ></span>
            <span x-text="i" ></span>
        </div>
    </template>
</div>