Как можно корректно отображать компоненты в дереве компонентов в Nuxt 3?

В Nuxt 3 для корректного отображения компонентов в дереве компонентов необходимо правильно именовать компоненты при их объявлении. 

Если в Components Tree отображается "<Anonymous Component>", это означает, что компонент был объявлен без имени. Для исправления этого необходимо присвоить компоненту имя при его объявлении, например:

```javascript
export default {
  name: 'MyComponent',
  // остальные свойства компонента
}
```

Имя компонента должно быть уникальным и отражать его функциональность.

В документации Nuxt 3 можно найти информацию о правильном именовании компонентов в разделе "Components" (https://v3.nuxtjs.org/docs/2.x/directory-structure/components). Там описано как правильно организовать структуру компонентов и какие есть особенности их работы в Nuxt 3.

Это стандартное поведение компонента <NuxtPage /> и не является проблемой, он внутри себя использует <RouterView /> из vue-router в который добавляется внутренняя логика Nuxt (например добавление Transitions если они указаны в настройках). Anonymous Component на самом деле - компонент RouteProvider , который занимается перерисовкой страниц. В общем, просто обертка фреймворка для роутинга. 
 
 RouteProvider добавляется тут . Код самого провайдера можно тут посмотреть.