NuxtN
Nuxt•13mo ago
Donald Biden

Nuxt auto-imports with Nested component

How to make auto-imports work with Nested component? Say you have this inside components/SomeComponent.ts file

const _SomeComponent = defineComponent((props) => {
  return () => h('div', props.message)
}, {
  props: ['message']
})

const Test = defineComponent(() => {
  return () => null
})

const SomeComponent = Object.assign(_SomeComponent, {
  Test,
})

export default SomeComponent


The SomeComponent works in SFC, but not the nested one

<SomeComponent message="Hello World">
    <SomeComponent.Test />
</SomeComponent>
Was this page helpful?