Nuxt Vuetify3 Dialog module

Nuxt module for implementing vuetify3-dialog

• ✨  Release Notes
• 🏀 Online playground

Features

Lite module working with Vuetify, allowing you to show dialogs or snackbars programatically.

See the original plugin vuetify3-dialog

Quick Setup

1. Add nuxt-veutify3-dialog dependency to your project

# Using pnpm
pnpm add -D @gabortorma/nuxt-vuetify3-dialog

# Using yarn
yarn add --dev @gabortorma/nuxt-vuetify3-dialog

# Using npm
npm install --save-dev @gabortorma/nuxt-vuetify3-dialog

2. Add @gabortorma/nuxt-vuetify3-dialog to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: ['@gabortorma/nuxt-vuetify3-dialog', 'vuetify-nuxt-module'],
  vuetifyDialog: {
    defaults: {
      // You can pass default options for dialogs, dialog's card, snackbars or bottom-sheets here
    },
    debug: true, // default: false
    verbose: true, // default: false
  },
})

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

Development

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release