Merge pull request #152 from sedmedgh/main

feat: add isPaused prop to headlessToast for custom progressBars

Author: xiaoluoboding

app/components/HeadlessToast.vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
 import { toast } from '@/packages'
 
-defineProps<{ msg?: string }>()
+defineProps<{ msg?: string; isPaused?: boolean }>()
 </script>
 
 <template>
   <div class="headless">
     <p class="headlessTitle">Event Created {{ msg }}</p>
     <p class="headlessDescription">Today at 4:00pm - "Louvre Museum"</p>
+    <p class="headlessDescription">is Paused : {{isPaused}}</p>
     <button class="headlessCloseAll" @click="toast.dismiss()">
       Close all
     </button>

src/packages/Toast.vue

@@ -71,6 +71,7 @@
         :is="toast.component"
         v-bind="toast.componentProps"
         :onCloseToast="handleCloseToast"
+        :isPaused="$props.expanded || $props.interacting || isDocumentHidden"
       />
     </template>