vue-vnode-utils

Helper functions for working with Vue 3 VNodes

Smoothing over the edge cases for working with the VNodes returned by a slot

🧩

Fragment-aware iteration

Walk slot VNodes without worrying about fragments created by v-for.

➕

Add extra props, CSS classes, events and refs to slot contents.

🌲

Remove existing nodes, wrap them with other nodes, or insert new nodes into the VNode tree.

📦

The library is already small, but the helpers are also highly tree-shakable, reducing the size even further.

🔑

A fully typed API, building on the core Vue types.

🙈

But if you really have to manipulate VNodes, a library to smooth over the edge cases makes it less likely to go wrong.