fix: prevent resize divider from interfering with neighboring scrollbars (#75)

Author: robluton

docs/content/1.getting-started/2.usage.md

@@ -69,7 +69,7 @@ If no primary panel is designated, both panels will resize equally.
 
 ::field{name="dividerHitArea" type="string"}
 A CSS size to define the hitbox area around the divider slot.  
- Defaults to `'12px'`
+ Defaults to `'4px'`
 ::
 
 ::field{name="sizeUnit" type="'%' | 'px'"}

packages/vue-split-panel/src/SplitPanel.vue

@@ -12,7 +12,7 @@ const props = withDefaults(defineProps<SplitPanelProps>(), {
 	orientation: "horizontal",
 	disabled: false,
 	minSize: 0,
-	dividerHitArea: "12px",
+	dividerHitArea: "4px",
 	sizeUnit: "%",
 	direction: "ltr",
 	collapsible: false,