Content is being rendered even after the end of page

<script setup lang="ts">
  import FooterSection from '~/components/FooterSection.vue';
  import NavSection from '~/components/NavSection.vue';
</script>

<template>
  <div
    class="relative flex min-h-screen flex-col items-stretch justify-between"
  >
    <nav-section class="drop-shadow" />

    <div>
      <slot />
    </div>

    <footer>
      <responsive-section
        class="bg-custom-dark text-custom-light"
      >
        <template #section-content>
          <footer-section />
        </template>
      </responsive-section>
    </footer>
  </div>
</template>

<template>
  <nuxt-layout>
    <nuxt-page />
  </nuxt-layout>
  <div>
    Hello
  </div>
</template>

<div>
    Hello
  </div>