i mean repeat this part with a foreach:
<!-- Divider -->
<li class="item-divider">Divider title here</li>
<!-- Another list items -->
<li class="item-content">...</li>
<li class="item-content">...</li>
HTML:
marcelin
marcelin
- ...
- ...
<!-- Divider -->
<li class="item-divider">Divider title here</li>
<!-- Another list items -->
<li class="item-content">...</li>
<li class="item-content">...</li>
</ul>
</div>
<!-- <div class="block block-strong">
<p>Here is your blank Framework7 app. Let's see what we have heressd.</p>
</div>-->
</div>
app.js:
import $$ from ‘dom7’;
import Framework7 from ‘framework7/framework7.esm.bundle.js’;
// Import F7 Styles
import ‘framework7/css/framework7.bundle.css’;
// Import Icons and App Custom Styles
import ‘…/css/icons.css’;
import ‘…/css/app.css’;
// Import Routes
import routes from ‘./routes.js’;
// Import main app component
import App from ‘…/app.f7.html’;
var app = new Framework7({
root: ‘#app’, // App root element
component: App, // App main component
name: ‘marcelin’, // App name
theme: ‘auto’, // Automatic theme detection
// App routes
routes: routes,
});
