NewYour coding agent can read the release notes before it upgrades.Set up the MCP server →
[![NPM][npmBadge]][npmUrl] [![Minzip Package][bundlePhobiaBadge]][bundlePhobiaUrl] [![NPM Download][npmDtBadge]][npmDtUrl]
Last release 1 years ago
01 Oct 2025
Release timing varies
gaps range from 2 weeks to 5 months
Most releases are documented
notes for 29 of 41 stable releases
Nothing withdrawn
no release was ever pulled
4 years old
41 releases · first in 2023
One column per quarter.
fix: make nuxt related deps optional by @sadeghbarati in #150
Full Changelog: v2.0.8...v2.0.9
fix: fixed the type for nuxt 4 by @xiaoluoboding in #141
Full Changelog: v2.0.7...v2.0.8
fix: postcss-calc will change the style by @CandyACE in #125
Full Changelog: v2.0.2...v2.0.7
Add safe area inset to mobile top and bottom by @ygyg70 in #137
Add css import on web page by @MaxTechnics in #120
Full Changelog: v2.0.0...v2.0.1
refactor!: sonner v2 changes by @sadeghbarati in #115
Full Changelog: v1.3.2...v2.0.0
v1.3.2 to v2.0.0When 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.
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>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
}
})fix: improve CSS insertion logic to handle document loading state by @beijixiaohu in #107
Full Changelog: v1.3.2...v1.3.2
Full Changelog: v1.3.0...v1.3.2
Nothing published for this version
fix: add icon classes by @imjasonmiller in #101
Full Changelog: v1.2.5...v1.3.0
Nothing published for this version
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
### Bug Fixes * fixed the type error (4b73dd2) ### Features * pkr-pr-new github action #94
pass class, toastOptions class/classes to toast li element
Nothing published for this version
Nothing published for this version
Toast: :bug: move the heights update to Toaster.vue
Fix the problem of rate calculation error when clicking actions quickly.
changing index operator, adding '?' operator
add @microsoft/api-extractor to merge all types files in one d.ts file
Nothing published for this version
allow setting position when creating a toast
inject-css with simple vite plugin API inspired by bunchee inline-css
### Bug Fixes * fixed the promise bug
add info & warning type for toast
Nothing published for this version
### Features * export toaster props
### Bug Fixes * remove default offset
### Bug Fixes * exports types should be first
### Bug Fixes * ignore type definitions (9fe93d9) # 0.4.0 (2023-07-24) ### Features * generate types (1d17305) * improve the types
Nothing published for this version
custom styling with toastOptions
ability to add a cutom color icon
### Bug Fixes * fixed issue #2 (c8adec1) ### Features * add copy icon (1cb61e8) * add header for SEO (9571b9d) * add seo meta (9317f63) * change brand
Nothing published for this version
### Features * add side effects
Nothing published for this version
add the promise success/error callback
Nothing published for this version
Nothing published for this version
Nothing published for this version
Your coding agent can read these notes before it upgrades. Set up the MCP server →