Add new Teleport for app-bar-title about node-red-dashboard HOT 2 OPEN

This is proving more complicated than I expected. With the existing app-bar-action teleport, it's easy as we're injecting content into somewhere where there isn't any already.

Here, we want to render the default page title, or replace it if a <teleport> has been provided. - this is generally what slots are used for, but we can't just generically access a <slot> from other areas of your application.

I've tried setting up logic that shows the default if nothing is rendered in the title otherwise, this can run on mounted, but the teleported content does render until a ui-config is received. The computed variable approach also doesn't work as vue does not watch the innerHTML of a DOM node for the reactivity required here.

from node-red-dashboard.

thanks for the update @joepavitt - if this is proving a little bit complex and I see the status changed to Blocked, then hiding the entire topbar would be awesome and hopefully an easier change - I think there is a different request for that feature already still open here #645

If we can hide the topbar altogether (similar to Dashboard 1 feature), then the rest is easy because we already have the ability to create our own custom topbar.. thank you!

from node-red-dashboard.