how to use a JavaScript iterator function for a v-for in Vue3

Is it all possible to use an iterator in a v-for?

methods: {
  * makeRangeIterator(start = 0, end = Infinity, step = 1) {
    let iterationCount = 0;
    for (let i = start; i < end; i += step) {
      iterationCount++;
      yield i;
    }
    return iterationCount;
  }
}

with

<div v-for="i in makeRangeIterator(1,10,2)">
  <h1>{{i.value}}</h1>
</div>

has no output