[Recursive Components] How to refer to itself from the script tag part?

[andresmrm]

As stated in the docs:

An SFC can implicitly refer to itself via its filename. E.g. a file named FooBar.vue can refer to itself as <FooBar/> in its template.
https://vuejs.org/api/sfc-script-setup.html#recursive-components

But how to refer to itself from the script tag part of the SFC?
I'm using the composition API.

I would like to do it because I'm using a dynamic component, <component :is="x" />, where x can be even the component itself.

For now I'm doing something like this:

<FooBar v-if="x === 'self'" />
<component v-else :is="x" />

Setting x to 'self' when I need to refer to itself. But it's quite ugly...

[skirtles-code]

Maybe try importing the component into itself?

// Inside FooBar.vue
import FooBar from './FooBar.vue'

SFC Playground

[andresmrm]

Thank you very much! It worked.
Maybe that should be in the docs?