bug: Error about stenil!

[ayangweb]

I am interested in helping provide a fix!

Yes

Which generators are impacted?

• All
• Angular
• HTML
• Preact
• Qwik
• React
• React-Native
• Solid
• Stencil
• Svelte
• Vue
• Web components

Reproduction case

No link

Expected Behaviour

import { Component, h } from '@stencil/core'

@Component({
  tag: 'my-button',
})
export class MyButton {
  render() {
    return (
      <button>
        <slot />
      </button>
    )
  }
}

import { Component, h } from '@stencil/core'

@Component({
  tag: 'my-example',
})
export class MyExample {
  render() {
    return <my-button>example</my-button>
  }
}

Outputs component content normally when used directly!

Actual Behaviour

import { Component, h } from '@stencil/core'

@Component({
  tag: 'my-button',
})
export default class MyButton {
  render() {
    return (
      <button>
        <slot />
      </button>
    )
  }
}

import { Component, h } from '@stencil/core'

import MyButton from './button'

@Component({
  tag: 'my-example',
})
export default class MyExample {
  render() {
    return <MyButton>example</MyButton>
  }
}

stencil cannot export components using export default or the following error is reported!

stencil automatically registers the component, it doesn't need to be imported and can't be imported and used, it will report an error if it is imported and used!

Additional Information

Let's see what kind of way it needs to be handled? I can contribute code!