webdevnerdstuff / vuetify3-resize-drawer

The vuetify3-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.

Vuetify 3 Resize Drawer (Depreciated)

 

Important Information

This repository and npm package has been depreciated and moved to the WebDevNerdStuff org @wdns.

You can find the new repository here:
https://github.com/webdevnerdstuff/vuetify-resize-drawer

You can find the new NPM package here:
https://www.npmjs.com/package/@wdns/vuetify-resize-drawer

Description

The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.

Change Log

CHANGELOG

License

Copyright (c) 2023 WebDevNerdStuff
Licensed under the MIT license.

Legal

Vuetify and the Vuetify logo are trademarks of Vuetify. This component was not created or endorsed by Vuetify.

vuetify3-resize-drawer's Issues

[Question]: How to access width?

Question description

I want to rerender some stuff in my application based on the new width of the resizable resized v-resize-drawer. But I can't seem to manage.

Steps to reproduce

I tried with adding a ref to v-resize-drawer:
<v-resize-drawer
ref="drawer"
:width="drawerWidth"
@handle:drag="handleDrag"
...

and added drawerWidth as a local prop

and then accessing it in a method:
handleDrag() {
const drawerElement = this.$refs.drawer.$el;
const newWidth = drawerElement.offsetWidth;
console.log('Drawer width:', newWidth);
// do something with the updated width
},

Relevant log output

No response

Additional context

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[Bug]: install fails

Bug description

npm i vuetify3-resize-drawer
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/vuetify3-resize-drawer - Not found
npm ERR! 404
npm ERR! 404  'vuetify3-resize-drawer@*' is not in this registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

Steps to reproduce

Install with npm

Relevant log output

No response

Additional context

No response

Code of Conduct

• I agree to follow this project's Code of Conduct