Core Concepts
Components
On this page
Nuxt includes <Head>, <Title>, <Meta>, <Link>, and <Script> components. They are auto-imported and can be used directly in templates.
Available Components
Use these components when the tags read more clearly in the template. Use useHead() when you need typed object input or entry options.
Usage
The Nuxt SEO documentation lists the full component API.
<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">body { background-color: green; }</Style>
</Head>
<h1>{{ title }}</h1>
</div>
</template>
Did this page help you?
On this page