Vue.js: What is the difference between Head and useHead in Nuxt 3?

1<script setup>
2useHead({
3    title: "My Page",
4    meta: [
5        { name: "description", content: "Page description" }
6    ],
7    link: [
8        { rel: "icon", type: "image/x-icon", href: "/favicon.ico" }
9    ]
10})
11</script>

1<script setup>
2useSeoMeta({
3    title: "My Page",
4    ogTitle: "My Page",
5    description: "Description",
6    ogDescription: "Description"
7})
8</script>