This would make creating functional components a lot easier 🙂

+1

It would be very useful especially in cases when you want to create a component for definition lists.

DefinitionList for <dl> and DefinitionItem for <dt> <dd>.

This issue relates to vue-compiler package and not to vue-loader

@stalniy which package / repository are you talking too? I have no vue-compiler in my vuejs projects

@mathroc I'm saying that the fix should be done in vue template compiler here (https://github.com/vuejs/vue/blob/dev/src/compiler/parser/index.js#L198) and not in vue loader

Looks like Vue itself already supports multiple roots in functional components.

vuejs/vue#7088 (comment)

@nolde OP is aware of that, his request us about functional templates.

@LinusBorg , my point was about @stalniy mentioning that this issue should be fixed in vue-template-compiler instead of vue-loader. If vue already supports that in functional components, it probably supports that in the template compiler already. If it doesn't, then those are two different issues.

+1. Found myself needing this to make effective use of CSS grids (especially while display: contents isn't well supported). I had to work around the limitation by merging what would have been sub-components into a single more complex component.

Tip for people having this issue: use JSX.

The JSX loaders for vue support multiple roots by returning an array of components/elements, and it also works around the issue of not being able to register local components. It is perfect for functional components.

I also am facing issues, even in the same case @atorscho, trying to create something like this:

<template functional>
  <dt class="col-sm-3">{{ title }}</dt>
  <dd class="col-sm-9">
    <slot />
  </dd>
</template>

https://github.com/vuejs/vue/blob/dev/src/compiler/parser/index.js#L198

@stalniy Note that links without a commit will not match the intended line-number in future.