Double iteration in component V7

Questions
1

Hi everyone,

I’m looking the right way to iterate inside of an iteration in component. The problem is that I guess we can’t do .map inside $h.

<template>
  <div class="page">
		${items.map((item) => $h`
			<div class="block-title">${item.title}</div>
    	<ul>
				<!-- Iteration of subtitles ?? -->
				<li></li>
    </ul>
		`)}
  </div>
</template>
<script>
  export default (props, { $f7, $on, $update }) => {
    let foo = 'bar';
    const items = [
      {
        title: 'Item 1',
				subtitles: ['Subitem 1', 'Subitem 2', 'Subitem 3']
      },
      {
        title: 'Item 2',
				subtitles: ['Subitem 1', 'Subitem 2', 'Subitem 3']
      },
    ];

    return $render;
  }
</script>

Any Idea ?
Thanks :slight_smile:

2

here => dreamy-http-pezkgl - CodeSandbox