nuxt-toastflow

💚 nuxt-toastflow

Nuxt module for Toastflow — auto-imports, SSR support, and zero-config setup.

📖 Docs · 🎮 Playground · ⚔️ Comparisons

🚀 Quick Start

1. Install

pnpm add nuxt-toastflow

2. Add the module

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ["nuxt-toastflow"],
  toastflow: {
    config: {
      position: "top-right",
      duration: 5000,
    },
  },
});

3. Toast away 🎉

<!-- app.vue -->
<script setup lang="ts">
toast.success({
  title: "Saved",
  description: "Your changes are live.",
});
</script>

<template>
  <ToastContainer />
  <NuxtPage />
</template>

💡 Both toast and useToast() are auto-imported — no manual imports needed!

If you need the lower-level Vue runtime pieces directly, import them from nuxt-toastflow/runtime:

import {
  Toast,
  ToastProgress,
  ToastContainer,
  toast,
} from "nuxt-toastflow/runtime";

⚙️ Module Options

📄 License

MIT — made with ❤️ by @adrianjanocko