Updating docs

Author: webdevnerdstuff

Diff for: src/App.vue

@@ -74,31 +74,7 @@
 		<!-- ====================================================== Navigation Drawer -->
 		<VResizeDrawer
 			v-model="drawer"
-			:absolute="drawerOptions.absolute"
-			:color="drawerOptions.color"
-			:dark="drawerOptions.dark"
-			:elevation="drawerOptions.elevation"
-			:expand-on-hover="drawerOptions.expandOnHover"
-			:floating="drawerOptions.floating"
-			:handle-border-width="drawerOptions.handleBorderWidth"
-			:handle-color="drawerOptions.handleColor"
-			:handle-position="drawerOptions.handlePosition"
-			:image="drawerOptions.image"
-			:location="drawerOptions.location === 'left' ? 'left' : 'right'"
-			max-width="50%"
-			min-width="256"
-			:rail="drawerOptions.rail"
-			:rail-width="drawerOptions.railWidth"
-			:resizable="drawerOptions.resizable"
-			:save-width="drawerOptions.saveWidth"
-			:sticky="drawerOptions.sticky"
-			:storage-name="drawerOptions.storageName"
-			:storage-type="drawerOptions.storageType"
-			:tag="drawerOptions.tag"
-			:temporary="drawerOptions.temporary"
-			:theme="drawerOptions.theme"
-			:touchless="drawerOptions.touchless"
-			:width="drawerOptions.width"
+			v-bind="drawerOptions"
 			@close="drawerClose"
 			@handle:click="handleClick"
 			@handle:dblclick="handleDoubleClick"
@@ -196,11 +172,15 @@ const drawerOptions = ref({
 	dark: true,
 	elevation: 10,
 	expandOnHover: true,
-	floating: false,
+	floating: true,
 	handleBorderWidth: 8,
 	handleColor: 'primary',
 	handlePosition: 'center',
 	location: 'left',
+	maxHeight: "50%",
+	maxWidth: "50%",
+	minHeight: "256",
+	minWidth: "256",
 	rail: false,
 	railWidth: 56,
 	resizable: true,
@@ -223,8 +203,8 @@ const gridDrawerOptions = ref({
 	maxWidth: '100%',
 	minWidth: '256px',
 	saveWidth: false,
+	snapBack: true,
 	temporary: true,
-	widthSnapBack: true,
 });
 const gridDrawerWidth = ref('256px');
 const computedWidth = ref(gridDrawerWidth.value);

Diff for: src/documentation/sections/PropsSection.vue

@@ -435,15 +435,15 @@ const propsSupported = reactive({
 		},
 		{
 			default: 'center',
-			desc: 'Specifies the position of the handle. Valid values are <code class="ic">border</code>, <code class="ic">center</code>, <code class="ic">top</code>, <code class="ic">bottom</code>.',
+			desc: 'Specifies the position of the handle. Valid values are <code class="ic">border</code>, <code class="ic">center</code>, <code class="ic">top</code>, <code class="ic">bottom</code>. If <code class="ic">location</code> prop is set to <code class="ic">top</code> or <code class="ic">bottom</code>, the handle position <code class="ic">top</code> and <code class="ic">bottom</code> are not allowed.',
 			name: 'handle-position',
-			type: 'string',
+			type: "'bottom' | 'border' | 'center' | 'top'",
 		},
 		{
 			default: 'start',
-			desc: 'Places the navigation drawer position on the the screen. *<code class="ic">top</code> and <code class="ic">bottom</code> are not supported',
+			desc: 'Places the navigation drawer position on the the screen.',
 			name: 'location',
-			type: 'string',
+			type: "'bottom' | 'end' | 'start' | 'left' | 'right' | 'top' | undefined",
 		},
 		{
 			default: '100%',
@@ -469,30 +469,30 @@ const propsSupported = reactive({
 			name: 'save-width',
 			type: 'boolean',
 		},
+		{
+			default: 'true',
+			desc: 'Determines if the width or height of the navigation drawer should snap back if the <code class="ic">min-width</code>, <code class="ic">max-width</code>, <code class="ic">min-height</code> or <code class="ic">max-height</code> prop values pass their respective thresholds. (previously <code class="ic">width-snap-back</code>. Backwards compatible)',
+			name: 'snap-back',
+			type: 'boolean',
+		},
 		{
 			default: 'v-resize-drawer-width',
-			desc: 'Determines the name of the local/session storage item',
+			desc: 'Determines the name of the local/session storage item. The value is appended with the <code class="ic">location</code> prop value.',
 			name: 'storage-name',
 			type: 'string',
 		},
 		{
 			default: 'local',
 			desc: 'Determines the type of storage to use when the <code class="ic">save-width</code> is <code class="ic">true</code>. Valid values are <code class="ic">local</code> and <code class="ic">session</code>',
 			name: 'storage-type',
-			type: 'string',
+			type: "'local' | 'session'",
 		},
 		{
 			default: 'false',
 			desc: 'Hides the resize handle on mobile devices. <br /><span class="text-danger">*</span> The <code class="ic">touchless</code> prop does not function the same as the <code class="ic">v-navigation-drawer</code> prop which is not supported',
 			name: 'touchless',
 			type: 'boolean',
 		},
-		{
-			default: 'true',
-			desc: 'Determines if the width of he navigation drawer should snap back if the <code class="ic">min-width</code> or <code class="ic">max-width</code> prop values pass their respective thresholds',
-			name: 'width-snap-back',
-			type: 'boolean',
-		},
 	],
 });
 const propsNotSupported = reactive({