Sonner transitions break after deploy — work fine locally

[mtzrmzia]

Reproduction

https://github.com/mtzrmzia/shadcnvue-sonner

Describe the bug

Hi, I’m using vue-sonner in a Nuxt 3 project. Everything works great in development — including transitions — but after deployment, the animations/transitions appear to be broken or missing.

I’ve followed the documentation steps carefully, including this related comment.

• The toast renders correctly
• But the entrance transitions are gone after deployment
• No console errors

nuxt.config.ts

css: ['~/assets/css/main.css', 'vue-sonner/style.css'],
modules: [
  'vue-sonner/nuxt',
  // other modules...
],

app.vue

<script setup lang="ts">
defineOptions({
  name: 'App',
});
</script>

<template>
  <div class="p-4">
    <NuxtPage />
    <SCToaster :visible-toasts="4" class="pointer-events-auto" />
  </div>
</template>

Local (working as expected):

https://github.com/user-attachments/assets/caaa5983-4ba2-438a-9c86-235f4b0c6f13

Deployed (animations broken):

https://github.com/user-attachments/assets/d2f9c954-1a95-421b-b6f0-35a1acf0696f

• GitHub repo: https://github.com/mtzrmzia/shadcnvue-sonner

• Live demo (deployed): https://shadcnvue-sonner.vercel.app/

Am I missing something or doing something wrong? Thanks in advance.

System Info

System:
    OS: macOS 15.5
    CPU: (10) arm64 Apple M2 Pro
    Memory: 817.11 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.13.0 - ~/.nvm/versions/node/v22.13.0/bin/node
    Yarn: 4.7.0 - ~/.nvm/versions/node/v22.13.0/bin/yarn
    npm: 11.0.0 - ~/.nvm/versions/node/v22.13.0/bin/npm
    bun: 1.1.3 - ~/.bun/bin/bun
  Browsers:
    Chrome: 137.0.7151.120
    Safari: 18.5
  npmPackages:
    nuxt: ^3.17.6 => 3.17.6 
    shadcn-nuxt: 2.2.0 => 2.2.0 
    vue: latest => 3.5.17

[chrisjansky]

I have the same exact issue 😕 nuxt 3.17.5 and shadcn-nuxt 2.2.0

[fruitoiz]

Exactly the same problem. Did you find a solution?