Vue EXAMPLE does not work properly in an iframe (preview browser)

[apolopena]

Describe the bug

When in an IDE integrated browser the Vue example Does not work properly because it is in an iframe.

Vue example works when launch in a browser outside of the IDE.

Steps to reproduce

Run EXAMPLE ID 10 or 11
open chome dev tools console
try to login at something like: https://8002-red-cockroach-nehmfox9.ws-us03.gitpod.io/login

Login does not work.
Below Warning and Error is displayed in console.

**WARNING**: Mixed Content: The page at 'https://red-cockroach-nehmfox9.ws-us03.gitpod.io/' was loaded over a secure connection, but contains a form that targets an insecure endpoint 'http://8002-red-cockroach-nehmfox9.ws-us03.gitpod.io/login'. This endpoint should be made available over a secure connection.
login?vscodeBrowserReqId=1618342236136:1 
**ERROR**: Mixed Content: The page at 'https://red-cockroach-nehmfox9.ws-us03.gitpod.io/' was loaded over HTTPS, but requested an insecure form action 'http://8002-red-cockroach-nehmfox9.ws-us03.gitpod.io/login'. This request has been blocked; the content must be served over HTTPS.

Expected behavior

Vue example should work in an integrated IDE preview browser

Additional information

Vue example works when launch in a browser outside of the IDE.

[apolopena]

depends on #109