Introduction

A mixin that gives ability to have multiple active draggable dialogs. Also it moves these dialogs to the screen center when window resized to make them visible. Inspired by https://github.com/vuetifyjs/vuetify/issues/4058

Quick start

npm install --save vuetify-multiple-draggable-dialogs

Then you need to import that mixin and pass it into Vue:

import Vue from 'vue';
import mixins from 'vuetify-multiple-draggable-dialogs';

Vue.mixin(mixins);

So far as I use Vuetify with Nuxt I store this code in /plugins/settings.js.

Don't forget to include it in nuxt.config.js. Please see here

Then somewhere in your Vue layout:

<template>

</template>

<script>
export default {
  mounted() {
    // enable using draggable dialogs
    this.activateMultipleDraggableDialogs();
  }
};
</script>