Steps to reproduce

1. Run project with @magnolia/vue-editor (you can use the vue minimal demo from Magnolia SPA Headless demo)
2. use @magnolia/vue-editor version: 1.2.3-beta (if you're testing it on the spa minimal demo update the package.json and install
   
3. run magnolia
4. create and open page using the spa renderer
5. run project with @magnolia/vue-editor (or the vue-minimal project)
6. open Pages app

Expected results

1. green bars for editing are visible
2. add component, choose any you want, click save
3. green bars will still be there

Actual results

1. green bars are not visible after the page is opened (note: in some cases they may be)
2. if they are not visible, refresh whole site and they will appear
3. add a component, choose any you want, click save
4. the green bars will disappear
5. refresh whole site and they will appear

Workaround

• refresh whole site
  or:
• open Inspect Element on the iframe, run mgnlRefresh() command in console

Note

• watch screen-recording with example