{% with limit="5", groupId="3367" %}
<div class="col-4 p-divider__block">
  <ul class="p-list" id="latest-articles">
    <li><i class="p-icon--spinner u-animation--spin">Loading...</i></li>
  </ul>
</div>

<template style="display:none" id="article-template">
  <li class="p-list__item">
    <a class="article-link article-title"></a>
  </li>
</template>

<script src="{{ versioned_static('js/dist/latest-news.js') }}"></script>
<script>
  canonicalLatestNews.fetchLatestNews(
    {
      articlesContainerSelector: "#latest-articles",
      articleTemplateSelector: "#article-template",
      limit: "{{ limit }}",
      {% if tagId %}
      tagId: "{{ tagId }}",
      {% endif %}
      {% if groupId %}
      groupId: "{{ groupId }}",
      {% endif %}
    }
  )
</script>
{% endwith %}