title: How to render a list of static content with Vue named slot?
body: <p>I have trouble figuring out how to get the following to work:</p>
  <p>My parent template</p>
  <pre><code>&lt;comp&gt;
    &lt;a href=&quot;#&quot; slot=&quot;links&quot;&gt;link 1&lt;/a&gt;
    &lt;a href=&quot;#&quot; slot=&quot;links&quot;&gt;link 2&lt;/a&gt;
  &lt;/comp&gt;
  </code></pre>
  <p>and my component <code>comp</code> template looks like the following:</p>
  <pre><code>&lt;ul class=&quot;comp&quot;&gt;
    &lt;li class=&quot;comp-item&quot;&gt;&lt;slot name=&quot;links&quot;&gt;&lt;/slot&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>currently all my anchors goes to that single <code>li</code> tag (which is expected)
  but I would like to be able to produce multiple <code>li</code> for every named slot I inserted like the following:</p>
  <pre><code>&lt;ul class=&quot;comp&quot;&gt;
    &lt;li class=&quot;comp-item&quot;&gt;&lt;a href=&quot;#&quot; slot=&quot;links&quot;&gt;link 1&lt;/a&gt;&lt;/li&gt;
    &lt;li class=&quot;comp-item&quot;&gt;&lt;a href=&quot;#&quot; slot=&quot;links&quot;&gt;link 2&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>Is there any way to achieve what I need without using scoped slot? Because my content is pure HTML so I feel it is unnecessary to put static content inside prop in order to render them.</p>
  <p>From what I have seen, most vue UI framework requires you to use another custom component for the list item, which I feel is over killed for the problem. Is there any other way to do this?</p>