Fix more examples

Author: sfe-efficy

docs/components/Toast.md

@@ -137,17 +137,17 @@ Toasts can be displayed as variants thru various helper methods or be set in `To
 <ClientOnly>
 
 <script lang='ts' setup>
-  import {ref, computed} from 'vue'
-  import {useToast} from 'bootstrap-vue-3'
+  import {ref, computed} from 'vue';
+  import {useToast} from 'bootstrap-vue-3';
 
 
-    let show1 = () => {toast.show({title: 'example title'})}
-    let show2 = () => {toast.info({title: 'example title', body: "This is a toast"})}
+    let show1 = () => {toast.show({title: 'example title'})};
+    let show2 = () => {toast.show({title: 'example title', body: "This is a toast"}, {variant: 'info'})};
 
-    let variantshow1 = () => {toast.danger({title: 'Item Deleted'}, {pos: 'bottom-center'})}
-    let variantshow2 = () => {toast.info({title: 'New Message', body: "This is a toast"}, {pos: 'bottom-right'})}
-    let variantshow3 = () => {toast.warning({title: 'Warning for Item', body: "Please check list"},{pos: 'bottom-right'})}
-    let variantshow4 = () => {toast.success({title: 'Event Created!', body: "Bootstrap Event"},{pos: 'bottom-right'})}
+    let variantshow1 = () => {toast.show({title: 'Item Deleted'}, {pos: 'bottom-center', variant: 'danger'})};
+    let variantshow2 = () => {toast.show({title: 'New Message', body: "This is a toast"}, {pos: 'bottom-right', variant: 'info'})};
+    let variantshow3 = () => {toast.show({title: 'Warning for Item', body: "Please check list"},{pos: 'bottom-right', variant: 'warning'})};
+    let variantshow4 = () => {toast.show({title: 'Event Created!', body: "Bootstrap Event"},{pos: 'bottom-right', variant: 'success'})};
 </script>
 
 </ClientOnly>