fix two way model value binding

Author: webdevnerdstuff

src/plugin/VResizeDrawer.vue

@@ -2,9 +2,9 @@
 	<v-navigation-drawer
 		v-bind="bindingSettings"
 		ref="resizeDrawer"
+		v-model="internalModelValue"
 		:class="drawerClasses"
 		:location="settings.location"
-		:model-value="modelValue"
 		:name="settings.name"
 		:style="drawerStyles"
 		:tag="settings.tag"
@@ -106,6 +106,8 @@ const emit = defineEmits([
 ]);
 
 
+const internalModelValue = defineModel<boolean>('modelValue', { default: false });
+
 // -------------------------------------------------- Props //
 const props = withDefaults(defineProps<Props>(), { ...AllProps });
 
@@ -204,7 +206,7 @@ function init(): void {
 
 
 // -------------------------------------------------- Model Watcher //
-watch(() => props.modelValue, (val) => {
+watch(() => internalModelValue, (val) => {
 	emit('update:modelValue', val);
 
 	if (!val) {

src/plugin/types/index.ts

@@ -46,7 +46,6 @@ export interface Props {
 	maxWidth?: VNavigationDrawer['width'];
 	minHeight?: Height;
 	minWidth?: VNavigationDrawer['width'];
-	modelValue?: VNavigationDrawer['modelValue'];
 	name?: VNavigationDrawer['name'];
 	rail?: VNavigationDrawer['rail'];
 	railWidth?: VNavigationDrawer['railWidth'];

src/plugin/utils/props.ts

@@ -14,7 +14,6 @@ export const AllProps: Props = {
 	maxWidth: window.innerWidth,
 	minHeight: 56,
 	minWidth: 56,
-	modelValue: true,
 	name: undefined,
 	rail: false,
 	railWidth: 8,