chore: document size prop

.editorconfig

@@ -1,10 +1,10 @@
-root = true
+root=true
 
 [*]
-indent_style = space
-indent_size = 2
-tab_width = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
+indent_style=space
+indent_size=2
+tab_width=2
+end_of_line=lf
+charset=utf-8
+trim_trailing_whitespace=true
+insert_final_newline=true

packages/vue-resizor/README.md

@@ -40,9 +40,10 @@ const indicators = ref<Indicator[]>()
 
 ## Available Props
 
-| prop         | type (range)  | default value |
-| ------------ | ------------- | ------------- |
-| `indicators` | `Indicator[]` | N/A           |
+| prop         | type (range)                      | default value |
+| ------------ | --------------------------------- | ------------- |
+| `indicators` | `Indicator[]`                     | N/A           |
+| `size`       | `number` (indicator width/height) | `2`           |
 
 ## Available Events
 

packages/vue-resizor/index.md

@@ -40,9 +40,10 @@ const indicators = ref<Indicator[]>()
 
 ## Available Props
 
-| prop         | type (range)  | default value |
-| ------------ | ------------- | ------------- |
-| `indicators` | `Indicator[]` | N/A           |
+| prop         | type (range)                      | default value |
+| ------------ | --------------------------------- | ------------- |
+| `indicators` | `Indicator[]`                     | N/A           |
+| `size`       | `number` (indicator width/height) | `2`           |
 
 ## Available Events
 

packages/vue-resizor/src/Resizor.tsx

@@ -18,7 +18,10 @@ const bem = new Bem('vue-resizor')
 export default defineComponent({
   props: {
     indicators: Array<Indicator>,
-    size: Number,
+    size: {
+      type: Number,
+      default: 2,
+    },
   },
   setup(props, context) {
     const slots = context.slots as Required<ResizableSlots>
@@ -162,7 +165,7 @@ export default defineComponent({
               left,
               [horizontal ? 'height' : 'width']: '100%',
               [`border-${horizontal ? 'left' : 'top'}-width`]: pixel(
-                props.size ?? 2,
+                props.size,
               ),
             }}
             draggable