fix and adjust slots to render closer to original drawer. It forces all of the slots to render inside of the default slot, but still passes the default slot.

Author: webdevnerdstuff

src/plugin/VResizeDrawer.vue

@@ -44,15 +44,21 @@
 		<!-- ============================== Slots  -->
 		<!-- Prepend Slot -->
 		<template v-if="slots.prepend">
-			<slot name="prepend"></slot>
+			<div class="v-navigation-drawer__prepend">
+				<slot name="prepend"></slot>
+			</div>
 		</template>
 
 		<!-- Default Slot -->
-		<slot name="default"></slot>
+		<div class="v-navigation-drawer__content">
+			<slot></slot>
+		</div>
 
 		<!-- Append Slot -->
 		<template v-if="slots.append">
-			<slot name="append"></slot>
+			<div class="v-navigation-drawer__append">
+				<slot name="append"></slot>
+			</div>
 		</template>
 	</v-navigation-drawer>
 </template>

src/plugin/composables/classes.ts

@@ -36,6 +36,7 @@ export const useHandleContainerClasses: UseHandleContainerClasses = (options) =>
 	const { drawerLocation, handlePosition } = options;
 
 	const classes = {
+		'v-navigation-drawer__handle': true,
 		[`${componentName}--handle-container`]: true,
 		[`${componentName}--handle-container-position-${handlePosition}`]: true,
 		[`${componentName}--handle-container-parent-${drawerLocation}`]: true,

src/plugin/styles/main.scss

@@ -129,6 +129,11 @@
 			position: relative;
 		}
 	}
+
+	> .v-navigation-drawer__content {
+		display: flex;
+		flex-direction: column;
+	}
 }