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

1# Using pnpm
2pnpm add -D @gabortorma/nuxt-vuetify3-dialog
3
4# Using yarn
5yarn add --dev @gabortorma/nuxt-vuetify3-dialog
6
7# Using npm
8npm install --save-dev @gabortorma/nuxt-vuetify3-dialog

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

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

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

Development

1# Install dependencies
2npm install
3
4# Generate type stubs
5npm run dev:prepare
6
7# Develop with the playground
8npm run dev
9
10# Build the playground
11npm run dev:build
12
13# Run ESLint
14npm run lint
15
16# Run Vitest
17npm run test
18npm run test:watch
19
20# Release new version
21npm run release