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.


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.

Did you ever find an efficient way to share your generic components? I am just getting started, but have been able to use examples from elsewhere and would be interested in the switch component in particular that you mentioned.