@vue3-noti/nuxt

Nuxt3 Toast with Composition API

Quick Setup

1. Add @vue3-noti/nuxt dependency to your project

# Using pnpm
pnpm add -D @vue3-noti/nuxt

# Using yarn
yarn add --dev @vue3-noti/nuxt

# Using npm
npm install --save-dev @vue3-noti/nuxt

2. Add @vue3-noti/nuxt to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    '@vue3-noti/nuxt'
  ],
  noti: {
    message: 'Nuxt Module Demo',
    type: 'warning',
    // ...Other vue3-noti options
  }
})

3. Add <Noti /> component to your app

<template>
  <div>
    <NuxtPage />
    <Noti />
  </div>
</template>

That's it! You can now use My Module in your Nuxt app ✨

Development

# Install dependencies
pnpm install

# Generate type stubs
pnpm run dev:prepare

# Develop with the playground
pnpm run dev

# Build the playground
pnpm run dev:build