Как исправить этот баг в fullpage vue js?

Question

[Niksak]

Использую библиотеку fullpage.js для vue 3. Хочу сделать скролл сайта по слайдам как на данном сайте: https://admitadinvest.com/ru
Все работает хорошо, вроде как, вот пример рабочего кода:

<template>
<div>
    <full-page ref="fullpage" :options="options" id="fullpage">
      <div class="section">FIRST section ...</div>
      <div class="section">Second section ...</div>
  </full-page>
</div>
</template>

<script>
export default {
  name: 'HomeView',
    data() {
    return {
      options: {
        licenseKey: 'YOUR_KEY_HEERE',
        navigation: true,
        navigationPosition: 'right',
        responsiveWidth: 1000,
        responsiveSlides: true,
      },
    }
  }
}
</script>

Все получается нормально, два слайда, точки навигации справа и все переключается:


Далее, если я, допустим, за пределы компонента full-page вынесу какую-нибудь навигацию, которая должна быть видна на всех слайдах, т.е. фиксированная, то когда я нахожусь на последнем слайде то я могу прокрутить еще вниз и при этом прокрутится куда-то на пустой слайд.
С помощью мыши обратно не выбраться, только нажатием на точку.
На картинке ниже блок навигации с надписью "НАВИГАЦИЯ" и пустой слайд на который я переключился


Пример нерабочего кода

<template>
<div>
  <header><h2>НАВИГАЦИЯ</h2></header>
  
  <div>
    <full-page ref="fullpage" :options="options" id="fullpage">
      <div class="section">FIRST section ...</div>
      <div class="section">Second section ...</div>
  </full-page>
  </div>


</div>


</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  components:{HelloWorld},
  name: 'HomeView',
    data() {
    return {
      options: {
        licenseKey: 'YOUR_KEY_HEERE',
        navigation: true,
        navigationPosition: 'right',
        responsiveWidth: 1000,
        responsiveSlides: true,
      },
    }
  }
}
</script>