Имя компонента из папки в Nuxt

Компоненты можно группировать в подпапках внутри app/components. Nuxt собирает имя тега из имён папок и файла: каждый сегмент пути даёт часть имени с большой буквы, части пишутся слитно.

Файл в одной вложенной папке даёт два сегмента. Кнопка в ui/Button.vue станет тегом UiButton:

<template>
	<button type="button">
		Submit
	</button>
</template>

На странице используем это имя без импорта:

<template>
	<UiButton />
</template>

При двух уровнях вложенности правило то же: все сегменты пути от components до файла участвуют в имени. Файл form/field/Text.vue превратится в FormFieldText. Чем глубже дерево папок, тем длиннее имя тега, зато проще держать порядок в большом проекте.

/app/
- /components/
  - /ui/
    - Button.vue
  - /form/
    - /field/
      - Text.vue

Создайте компонент в папке base с именем файла Price и выведите его на странице.