Subscribe on changes!

A vue SFC with the same filename as another SFC is recursively referenced inside the other component (name doesn't matter)

avatar
Feb 26th 2021

Version

3.0.6

Reproduction link

https://codesandbox.io/s/heuristic-morning-dzo0g

Steps to reproduce

This file should render the other SFC https://codesandbox.io/s/heuristic-morning-dzo0g?file=/src/components/HelloWorld.vue

which is here: https://codesandbox.io/s/heuristic-morning-dzo0g?file=/src/components/subdir/HelloWorld.vue

And the App.vue uses a different name (HelloWorldView) to render the first component.

What is expected?

Being able to have SFCs with the same filename (which might have a different name when included as component)

What is actually happening?

vue fails to differentiate these SFCs and creates an endless recursion.


This issue came up after an update from vue 3.0.2 to 3.0.6