Автоимпорт API в Nuxt

Nuxt избавляет от части рутинных строк import в каждом компоненте. В script setup уже доступны многие API Vue - например, ref и computed - без явного подключения пакета vue.

Покажем это на счетчике с заголовком, который хранится в реактивной переменной:

<script setup>
	const title = ref('Product counter');
</script>
<template>
	<h1>{{ title }}</h1>
</template>

Обратите внимание: строки import { ref } from 'vue' нет, а ref уже работает. Так же Nuxt позже будет подставлять и другие сущности проекта, когда мы к ним перейдем.

Заведите реактивную переменную с ценой товара и выведите ее в шаблоне рядом с заголовком.