Merge pull request #52 from webdevnerdstuff/issue-49

Issue 49

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/__tests__/__snapshots__/classes.test.ts.snap

@@ -19,6 +19,7 @@ exports[`Classes Composable > useDrawerClasses > should return class object 1`]
 
 exports[`Classes Composable > useHandleContainerClasses > should return class object 1`] = `
 {
+  "v-navigation-drawer__handle": true,
   "v-resize-drawer--handle-container": true,
   "v-resize-drawer--handle-container-parent-start": true,
   "v-resize-drawer--handle-container-position-center": true,
@@ -27,6 +28,7 @@ exports[`Classes Composable > useHandleContainerClasses > should return class ob
 
 exports[`Classes Composable > useHandleContainerClasses > should return class object 2`] = `
 {
+  "v-navigation-drawer__handle": true,
   "v-resize-drawer--handle-container": true,
   "v-resize-drawer--handle-container-parent-left": true,
   "v-resize-drawer--handle-container-position-top": true,

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;
+	}
 }