feat(controls): add slot props, add control-item slot for controls

[Justineo]

🚀 What's changed?

• Added slot props for various slots in <Controls> component
• Added a control-item slot for easier customization of built-in control buttons
• Added an example for customizing controls
• Fixed types for imported SVG (string → Component)
• Fixed some ESLint errors for touched files like package.json, tsconfig.json

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[changeset-bot]

⚠️ No Changeset found

Latest commit: 90891cd

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

@Justineo is attempting to deploy a commit to the Burak Cakmakoglu's projects Team on Vercel.

A member of the Team first needs to authorize it.

[bcakmakoglu]

Thanks for the PR, I'll give it a look when I have some time but VueFlow 1.x is in a feature freeze atm since I am working on 2.0 and it's bothersome to keep adding things when trying to refactor for a new major release 😅

I'll let you know though, otherwise this might just be included in 2.0 instead (can't say when the release is, probably this winter though).

[Justineo]

Never mind. What about adding a note in the readme? This would be a good news for the community.

[Justineo]

And I also want to thank you for this great library! Do we have a roadmap or plan for v2 where the community can join the discussions? We’re currently using VueFlow in our product and would be very interested in learning more about the upcoming version.

[bcakmakoglu]

@Justineo There's this Discussion but a lot of the points here are subject to change: #906

Basically think of it as a massive alignment in API with ReactFlow (a lot of things you know from VueFlow will stay the way they are though).

• Removal of mutability of nodes/edges most likely.

I really can't say what the roadmap is exactly atm since most of the work for 2.0 is just dropping a lot of duplicate code and using @xyflow/system - after I'm done with that I'll tackle performance improvements vs DX which could go either way ^^