Title change when I scroll

<template>
  <div>
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>
<script setup>
useHead({
  titleTemplate: (title) => {
    return title ? `${title} — Compagny` : "Compagny";
  }
});
useSeoMeta({
  ogType: "website",
  twitterCard: "summary_large_image"
});
</script>

<script>
useSeoMeta({
  description: "Cool desc",
  canonical: "http://example.com",
});
useHead({
  title: "Secondary page",
  description: "Cool desc",
});
</script>