Quick Answer: Nuxt includes built-in <Head>, <Title>, <Meta>, <Link>, and <Script> components. No imports needed - just use them in your templates.
Nuxt exports several Vue components that can be used to manage your head tags.
While it's recommended to use the useHead() composable as it offers a more flexible API with full TypeScript support,
the Vue component may make more sense for your project.
For full usage instructions please refer to the Nuxt documentation.
<script setup lang="ts">
const title = ref('Hello World')
</script>
<template>
<div>
<Head>
<Title>{{ title }}</Title>
<Meta name="description" :content="title" />
<Style type="text/css" children="body { background-color: green; }" />
</Head>
<h1>{{ title }}</h1>
</div>
</template>