---
title: Component
description: Use the component to manage your head tags.
navigation:
title: ' Component'
---
## Introduction
The Unhead Vue package exports a ``{lang="html"} component that can be used to manage your head tags.
While it's recommended to use the `useHead()`{lang="ts"} composable as it offers a more flexible API with full TypeScript support,
the ``{lang="html"} component may make more sense for your project.
## Usage
The component will takes any child elements that you would normally put in your actual ``{lang="html"} and renders them
with Unhead.
```vue
My awesome site
```
When the head component is unmounted, it will remove all the tags that were added.