BToast invalid docs

[mediaessenz]

Describe the bug

The bug is also visible on the official documentation of this project.
Go to https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/toast.htm, scroll down to "Automatic Countdown" and press the "Show" button.

The toast will be visible with only 2 pixels height.

Reproduction

https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/toast.html

Used Package Manager

pnpm

Validations

• Have tested with the latest version. This is still alpha version and sometime things change rapidly.
• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

[mediaessenz]

Maybe it's a bug or the documentation is outdated.

If I put the properies inside an object with a props key it works:

toast.show({props: {
   title: 'Toast title',
   body: 'Toast body',
   variant: 'success'
}}); 

[VividLemon]

Outdated docs

[VividLemon]

Feel free to submit a PR updating those examples. It should be pretty striaghtforward

[VividLemon]

Here https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/toast.html
Schemas should be converted from
show?.('Watch me!', {
title: 'Counting down!',
variant: 'info',
pos: 'middle-center',
value: 10000,
interval: 100,
progressProps: {
variant: 'danger',
},
})

To match that shown in
https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/composables/useToast.html

[Renuka9527]

useToast is not working. May be this could be Bug.
Feel free to submit a PR updating those updated documentation or examples. It should be pretty straightforward.
Here is below example I tried

<BButton
@click="
show?.('Watch me!', {
title: 'Toast title',
body: 'Toast body',
value: true,
variant: 'success',
pos: 'bottom-center'
})
"

Show

<script setup lang="ts"> import { useToast } from "bootstrap-vue-next"; const {show} = useToast() </script>

[VividLemon]

Docs are wrong. Best examples are in playground TToast.vue