Uibuilder v2: Dynamically loading .vue files

Hi all,

Another WIKI article for uibuilder v2. This time on how to dynamically load .vue single file components without needing a build step.

While build steps will be more efficient, lots of things that we do with Node-RED don't really need that and using a loader rather than a build step makes things a LOT easier :smile:

The WIKI entry includes a full example flow and front-end code for you to copy/paste - enjoy!

1 Like

Like I mentioned in DM, I actually have a couple generic components ready for usage that work well with vue-bootstrap. Others that can be made generic without much work. From dark theme menu bars to switch components, to different chart components. Guess Iโ€™ll be switching them out of the private project repos theyโ€™re in, make them more generic and start a common component repository for them.

2 Likes

And I forgot to mention that you can use the new common folder with this library to share .vue files between uibuilder instances. See the comments in index.js for how to reference them.