[Bug Report][2.5.0] Multiple drawer not supported due to bad application service code

[Caceresenzo]

Environment

Vuetify Version: 2.5.0
Vue Version: 2.6.12
Browsers: Chrome 90.0.4430.212
OS: Windows 10

Steps to reproduce

Click on go to x page

Expected Behavior

Handle multiple mavigation drawer in the application.left variable

Actual Behavior

Only handling the last one by overwriting the value

vuetify/packages/vuetify/src/services/application/index.ts

Line 39 in a6cb6e5

this.application[location] = { [uid]: size }

Possible fix

this.application[location][uid] = size

Reproduction Link

https://codepen.io/caceresenzo/pen/BaWLNxQ?editors=1011

[KaelWD]

@johnleider was this really removed just to support keep-alive? (#9797)

[johnleider]

@johnleider was this really removed just to support keep-alive? (#9797)

At the time it was also useful in resolving an animation issue with components being registered/unregistered and causing weight content changes or otherwise janky behavior.

[Caceresenzo]

I heavily depends on multiple drawer, I was having no choice but to fix the problem in any kind of way.

The first solution was to patch the dist files. It completly broke when a new version released.... (kind of expected)

The second (and current) solution is to replace the current application function as soon as possible:

$vuetify.application.register = function (
    uid: number,
    location: any,
    size: number
  ) {
    this.application[location][uid] = size
    this.update(location)
  }

This is a dirty hack, and will propably break if the team decide to fix the original problem.

[Caceresenzo]

Thanks