Vue

by khamer

HTML

<div id="app">
  <nav class="primaryNavigation">
    <refocus class="primaryNavigation__list">
      <template #foo>foo</template>
      <template #bar>bar</template>
    </refocus>
  </nav>
</div>

SCSS

.primaryNavigation {
  &__list {
    display: flex;
  }
}

Vue

Vue.component('refocus', {
	render: function (createElement) {
    return createElement(
      'ul',
      Object.values(this.$slots).flat()
    )
  },
})

new Vue({ el: "#app" })