Releases

1. 2.0.91 Oct 2025
   Release notes

   What's Changed

   • fix: make nuxt related deps optional by @sadeghbarati in #150
   • feat: customize close button position by @ffgenius in #149
   • feat: add isPaused prop to headlessToast for custom progressBars by @sedmedgh in #152

   New Contributors

   • @sedmedgh made their first contribution in #152

   Full Changelog: v2.0.8...v2.0.9

   Open source →
   Additional notes

   Bug Fixes

   • make nuxt related deps optional (b9a0a8a)

   Features

   • add isPaused prop to headlessToast for custom progressBars (e5ac2bf)
   • customize close button position (fba98c2)

   Open source →
2. 2.0.818 Aug 2025
   Release notes

   What's Changed

   • fix: fixed the type for nuxt 4 by @xiaoluoboding in #141

   Full Changelog: v2.0.7...v2.0.8

   Open source →
   Additional notes

   Bug Fixes

   • fixed the type for nuxt 4 (e60b0bd)

   Open source →
3. 2.0.717 Aug 2025
   Release notes

   What's Changed

   • fix: postcss-calc will change the style by @CandyACE in #125
   • fix: custom component not trigger on dismiss function by @oxwazz in #132
   • chore: new version v2.0.7 by @xiaoluoboding in #139

   New Contributors

   • @oxwazz made their first contribution in #132

   Credits

   • Thanks @sadeghbarati for #135

   Full Changelog: v2.0.2...v2.0.7

   Open source →
   Additional notes

   Bug Fixes

   • custom component not trigger on dismiss function (d5a69c6)
   • fixed the build error (5ec4bca)
   • improve expanded state management in Toaster component (5acca24)
   • postcss-calc will change the style (f0d6add)

   Features

   • add a new example (cb08aef)
   • add example for close all (70ef6e2)

   Open source →
4. 2.0.217 Jul 2025
   Release notes

   What's Changed

   • Add safe area inset to mobile top and bottom by @ygyg70 in #137
   • chore: indicate compatibility with new v4 major by @NamesMT in #136

   New Contributors

   • @ygyg70 made their first contribution in #137
   • @NamesMT made their first contribution in #136

   Full Changelog: v2.0.1...v2.0.2

   Open source →
5. 2.0.123 Jun 2025
   Release notes

   What's Changed

   • Add css import on web page by @MaxTechnics in #120
   • fix(tsconfig): add tsconfig.includes files by @ffgenius in #121
   • fix: active toasts by @jals1212 in #124
   • 🎨 fix(theme): make theme="system" reactive in by @excho0 in #130
   • 📦 feat(umd): add UMD-compatible plugin entrypoint and tsdown build by @excho0 in #131

   New Contributors

   • @MaxTechnics made their first contribution in #120
   • @ffgenius made their first contribution in #121
   • @jals1212 made their first contribution in #124
   • @excho0 made their first contribution in #130

   Full Changelog: v2.0.0...v2.0.1

   Open source →
   Additional notes

   Bug Fixes

   • fixed multiple position bug (9b07801)
   • theme: make theme='system' reactive with watchEffect (3b57e90)
   • tsconfig: add tsconfig.includes files (e0d469b)

   Features

   • add do not generate css logic (61458fb)

   2.0.0 (2025-05-21)

   Bug Fixes

   • add packages path (35490b3)
   • add packages path (c7424e9)
   • fixed for nuxt module (261eaf0)
   • fixed for nuxt module (29751cf)
   • format (9033f2b)

   Open source →
6. 2.0.021 May 2025
   Release notes

   What's Changed

   • refactor!: sonner v2 changes by @sadeghbarati in #115

   Full Changelog: v1.3.2...v2.0.0

   How to Migrate from Version v1.3.2 to v2.0.0

   When you upgrade to v2.0.0, you need to manually import vue-sonner/style.css. This gives developers greater flexibility, allowing you to even customize your own CSS.

   For Vue 3

   Inline CSS is separated and must be imported manually.

   <!-- App.vue -->
   <template>
     <Toaster />
     <button @click="() => toast('My first toast')">Render a toast</button>
   </template>
   
   <script lang="ts" setup>
     import 'vue-sonner/style.css' // add vue-sonner css.
     import { Toaster, toast } from 'vue-sonner'
   </script>

   In Nuxt 3

   CSS is imported by default, but you can disable this behavior to prevent CSS from being imported.

   Use vue-sonner/nuxt module

   // nuxt.config.ts
   export default defineNuxtConfig({
     ...
     modules: ['vue-sonner/nuxt']
     vueSonner: {
       css: false // true by default to include css file
     }
   })

   Open source →
7. 1.3.212 Apr 2025
   Release notes

   Full Changelog: v1.3.2...v1.3.2

   What's Changed

   • fix: improve CSS insertion logic to handle document loading state by @beijixiaohu in #107
   • Loading icon remains visible after promise resolution when using the loading-icon slot (FIX) by @pcoterecollective in #113
   • test: test the action by @xiaoluoboding in #114

   New Contributors

   • @beijixiaohu made their first contribution in #107
   • @pcoterecollective made their first contribution in #113

   Full Changelog: v1.3.0...v1.3.2

   Open source →
   Additional notes

   Bug Fixes

   • improve CSS insertion logic to handle document loading state (6b22d24)

   1.3.0 (2024-11-21)

   Bug Fixes

   • add icon classes (ff8b159)
   • fixed the position bug (1c9b976)
   • module: fixed the client-only warning (5cb93ff)
   • use nuxt add component util for toaster (17adfb9)

   Features

   • add sonner 1.7.0 features (2a54869)
   • nuxt: add client-only (8dd0b3e)

   Open source →
8. 1.3.112 Apr 2025

   Nothing published for this version

9. 1.3.021 Nov 2024
   Release notes

   What's Changed

   • fix: add icon classes by @imjasonmiller in #101
   • fix: use nuxt add component util for toaster by @danielwaltz in #103
   • feat: add sonner 1.7.0 features by @sadeghbarati in #102

   New Contributors

   • @imjasonmiller made their first contribution in #101
   • @danielwaltz made their first contribution in #103

   Full Changelog: v1.2.5...v1.3.0

   Open source →
10. 1.2.529 Oct 2024

    Nothing published for this version

11. 1.2.429 Oct 2024
    Release notes

    What's Changed

    Vue Sonner now supports a Nuxt 3 module

    Use vue-sonner/nuxt module

    // nuxt.config.ts
    export default defineNuxtConfig({
      ...
      modules: ['vue-sonner/nuxt']
    })

    Use Toaster component and $toast function anywhere in the Vue SFC

    <!-- app.vue -->
    <template>
      <div>
        <Toaster position="top-right" />
        <button @click="() => $toast('My first toast')">Render a toast</button>
      </div>
    </template>
    
    <script setup lang="ts">
      const { $toast } = useNuxtApp()
    </script>

    Full Changelog: v1.2.3...v1.2.4

    Open source →
    Additional notes

    Features

    • add nuxt module for vue-sonner (08c4ee6)
    • add vue-sonner for nuxt module (96cbe8a)

    Open source →
12. 1.2.321 Oct 2024
    Release notes

    Bug Fixes

    • fixed the type error (4b73dd2)

    Features

    • pkr-pr-new github action #94 (68777d8)

    Open source →
13. 1.2.215 Oct 2024
    Release notes

    Bug Fixes

    • fixed docs (d75c6a8)
    • pass class, toastOptions class/classes to toast li element (13dcfd8)
    • use handleCloseToast instead of deleteToast function for headless toast to get onDismiss callback right (fa24350)

    Open source →
14. 1.2.123 Sept 2024
    Release notes

    1.2.0 (2024-09-23)

    Bug Fixes

    • fixed the bug mentioned in PR #78 (2d3a9a9)
    • fixed the type (6224334)
    • fixed the useVueSonner types when build (b76df7e)

    Features

    • add useVueSonner (1bd1221)
    • new sonner changes (d73988b)

    Open source →
15. 1.2.023 Sept 2024

    Nothing published for this version

16. 1.1.524 Aug 2024

    Nothing published for this version

17. 1.1.424 Jul 2024
    Release notes

    Bug Fixes

    • format (9ac5953)
    • Toast: :bug: move the heights update to Toaster.vue (cbcffb8)

    Open source →
18. 1.1.319 Jun 2024
    Release notes

    Bug Fixes

    • Fix the problem of rate calculation error when clicking actions quickly. (1f1af25)
    • fixed lint (b93387f)
    • README: Fix typo in markRaw import (6a0b916)

    Features

    • support dynamic position (55102c4)

    Open source →
19. 1.1.27 Mar 2024
    Release notes

    Bug Fixes

    • changing index operator, adding '?' operator (c03d9dc)
    • resolve #56 via checking for array type (9e6d7e5)

    Open source →
20. 1.1.12 Mar 2024
    Release notes

    Features

    • add @microsoft/api-extractor to merge all types files in one d.ts file (83f27fa)

    1.1.0 (2024-03-01)

    Bug Fixes

    • fixed the close button do not have fade animation bug (6288840)
    • fixed the default toast render the icon element bug (0f57a19)

    Open source →
21. 1.1.01 Mar 2024

    Nothing published for this version

22. 1.0.429 Feb 2024
    Release notes

    Bug Fixes

    • blurry text in chromium (c9aa8ba)

    Features

    • allow setting position when creating a toast (0326cea)
    • change the style (4b73c89)

    Open source →
23. 1.0.324 Jan 2024
    Release notes

    Bug Fixes

    • fixed the #39 problem (77ff63f)
    • type: fixed the type (6ee1ca4)

    Features

    • inject-css with simple vite plugin API inspired by bunchee inline-css (f0ca814)
    • add base @vue/tsconfig, cjs instead of umd.cjs (c0a4d5c)
    • generate declaration files with vue-tsc (76311fb)

    Open source →
24. 1.0.27 Nov 2023
    Release notes

    Bug Fixes

    • fixed the promise bug (c297881)

    Open source →
25. 1.0.13 Nov 2023
    Release notes

    Features

    • make promise return promise (9608865)

    1.0.0 (2023-10-31)

    Features

    • add info & warning type for toast (daaedce)

    Open source →
26. 1.0.031 Oct 2023

    Nothing published for this version

27. 0.4.430 Aug 2023
    Release notes

    Features

    • export toaster props (a183aab)

    Open source →
28. 0.4.36 Aug 2023
    Release notes

    Bug Fixes

    • remove default offset (c327753)

    Open source →
29. 0.4.224 Jul 2023
    Release notes

    Bug Fixes

    • exports types should be first (18b6044)

    Open source →
30. 0.4.124 Jul 2023
    Release notes

    Bug Fixes

    • ignore type definitions (9fe93d9)

    0.4.0 (2023-07-24)

    Features

    • generate types (1d17305)
    • improve the types (48215a4)

    Open source →
31. 0.4.024 Jul 2023

    Nothing published for this version

32. 0.3.34 Jul 2023
    Release notes

    Bug Fixes

    • custom component memory leaks (2064312)
    • custom styling with toastOptions (65bf4ee)

    Open source →
33. 0.3.215 May 2023
    Release notes

    Bug Fixes

    • fixed typo (05ad600)
    • fixed typo (4914ffb)
    • fixed typo (63b4c2a)

    Features

    • ability to add a cutom color icon (eaaf175)

    Open source →
34. 0.3.129 Mar 2023
    Release notes

    Bug Fixes

    • fixed issue #2 (c8adec1)

    Features

    • add copy icon (1cb61e8)
    • add header for SEO (9571b9d)
    • add seo meta (9317f63)
    • change brand color (ef97ea9)
    • refactor to hooks (eb3a578)
    • style for mobile (1ace50b)
    • update video (2f10ac1)
    • upload the video (52761c8)

    0.3.0 (2023-03-28)

    Features

    • add the inject css (848bea7)

    Open source →
35. 0.3.028 Mar 2023

    Nothing published for this version

36. 0.2.328 Mar 2023
    Release notes

    Features

    • add side effects (6a879c4)

    Open source →
37. 0.2.228 Mar 2023

    Nothing published for this version

38. 0.2.128 Mar 2023
    Release notes

    Features

    • change the highlight style (56c9a4b)
    • change the style import (b0fe712)

    0.2.0 (2023-03-28)

    Features

    • add render custom component (cf903c8)
    • add the custom vnode (fdad68f)
    • add the promise success/error callback (6c7f784)
    • handle close button (1390fa7)

    0.1.0 (2023-03-27)

    Open source →
39. 0.2.028 Mar 2023

    Nothing published for this version

40. 0.1.027 Mar 2023

    Nothing published for this version

41. 0.0.127 Feb 2023

    Nothing published for this version