v5.0.0

5.0.0 (2024-07-05)

• feat!: replace components by scoped slots for customization

BREAKING CHANGES

This release introduces scoped slots allowing to customize some parts of the UI. They replace previous custom components passed as props : itemComponent, arrowComponent and undocumented dragImageComponent, dropZoneComponent.

- <Finder :tree="tree" :item-component="itemComponent" />
+ <Finder :tree="tree">
+   <template #item="{ item }">
+     <div style="color: blue">
+       <em>Name:</em> <strong>{{ item.label }}</strong>
+     </div>
+  </template>
+ </Finder>

- itemComponent: {
-   props: ["item"],
-   template: '<div style="color: blue"><em>Name:</em> <strong>{{ item.label }}</strong></div>',
- }

See https://vue-finder.netlify.app/customization.html#custom-slots