x-if templates no longer work inside an x-for component

[maxgardner]

After updating to the latest version, 3.0.5, it seems several of my components have broken because I can no longer use nested templates inside of an x-for component. I've included a simplified example of what I'm doing below, but the gist is I'd want to conditionally display only 5 items for a certain step and then display a View More link.

<template x-for="(step, sindex) in steps" :key="'step_' + (sindex + 1)">
  <div>
    <div x-text="step"></div>
    <template x-for="(item, itindex) in itemsByStep[step]" :key="'item_' + (itindex + 1)">
      <div>
        <template x-if="step !== COMPLETE || (step === COMPLETE && itindex < 5)">
          <div>
            <div x-text="item.title"></div>
          </div>
        </template>
        <template x-if="step === COMPLETE && itindex === 5">
          <div @click="handleViewSelect(LIST)">View All</div>
        </template>
      </div>
    </template>
  </div>
</template>

What happened in version 2.8.2 was it would properly render the elements within the x-if templates. Now, it will properly render the root div under the x-for, but it entirely ignores the elements within the x-if, and I cannot access any data from the for loop inside those x-if templates. I need this to work because I need to conditionally render certain elements based on values within the array, which requires me to use an x-if directive. Admittedly, there may be a better way to do this—I haven't gone back to really refine code yet—but regardless, this was working and now isn't, so I figured I'd submit a bug ticket.

[maxgardner]

Looks like this has been resolved in 3.1.0; I discovered this through two other issues mentioning this bug: #1473, #1473