`, `<Meta>`, `<Link>`, and `<Script>` components. No imports needed - just use them in your templates. ## What head components are available in Nuxt? 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. ## How do I use head components? For full usage instructions please refer to the [Nuxt documentation](https://nuxt.com/docs/getting-started/seo-meta#components). ```vue <script setup lang="ts"> const title = ref('Hello World') </script> <template> <div> <Head> <Title>{{ title }}

--- title: "Components" description: "Use Nuxt built-in Head, Title, Meta, Link, Script components. Template-based head management with no imports required." canonical_url: "https://unhead.unjs.io/docs/nuxt/head/guides/core-concepts/components" last_updated: "2026-06-19T09:53:10.469Z" --- **Quick Answer:** Nuxt includes built-in ``, ``, `<Meta>`, `<Link>`, and `<Script>` components. No imports needed - just use them in your templates. ## What head components are available in Nuxt? 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. ## How do I use head components? For full usage instructions please refer to the [Nuxt documentation](https://nuxt.com/docs/getting-started/seo-meta#components). ```vue <script setup lang="ts"> const title = ref('Hello World') </script> <template> <div> <Head> <Title>{{ title }}