Nuxt 3: open modal not disabling document (body) overflow when use @vuestic/nuxt module

[1isten]

Vuestic-ui version: 1.5.3

Steps to reproduce
nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    '@vuestic/nuxt'
  ],

  vuestic: {
    config: {
      // Vuestic config here
    }
  },
})

app.vue

<template>
  <div>
    <va-button @click="showModal = !showModal">Show modal (default)</va-button>
    <va-modal v-model="showModal" :message="popupMessage" title="Overview" :mobile-fullscreen="false" blur />
    <pre>{{ showModal }}</pre>

    <p v-for="n in 100" :key="n">{{ n }}</p>
  </div>
</template>

<script setup>
const showModal = ref(false);
const popupMessage = `Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias animi aspernatur atque blanditiis, consequatur corporis deleniti exercitationem expedita facilis fugit inventore laborum nam nobis odit, quae quas repudiandae vitae voluptates.`;
</script>

What is the expected behavior?
When modal is opened, the background content overflow scroll should be disabled

What is the current behavior?
document overflow is still scrollable