Functional components do not support "components" option

[autumnwoodberry]

Version

13.3.0

Reproduction link

https://github.com/autumnwoodberry/vue-functional-template-components

Steps to reproduce

created repo using vue-cli webpack template:

• npm install
• npm run dev

Look at the "HelloWorld.vue" component definition. The template block has been marked as "functional" and an attempt has been made to import and use an external component:

import TestComp from './TestComp'

export default {
  name: 'HelloWorld',
  components: {
    TestComp
  },
}

What is expected?

Adding a components option to a functional component registers the specified components, which will be available in the functional component's template.

What is actually happening?

The external component is not registered, and is not recognized in the template:

"Unknown custom element: - did you register the component correctly?"

---

From a post on the forums:

https://forum.vuejs.org/t/how-can-i-use-dynamic-components-inside-vue-js-funcional-components-with-templates/19739/9

[autumnwoodberry]

This should probably be in vue core.

[gabriel4649]

@autumnwoodberry Shall I post this on core?

[yyx990803]

Yeah, this should be feature request in vue core.

[ThomasKotowicz-S1]

@autumnwoodberry This is possible if you import the component in the parent which is using this functional component.

[privatenumber]

For reference, the new issue is: vuejs/vue#6872