<script type="text/x-template" id="apple-account-settings">
    <div style="display:flex;width:100%;height:100%;padding-top: var(--navigationBarHeight);position:absolute;top:0;left:0;">
        <webview id="foo" src="https://music.apple.com/includes/commerce/account/settings?product=music&isFullscreen=true&isModal=false" style="display:inline-flex; width:100%;"></webview>
    </div>
</script>
<script>
    Vue.component('apple-account-settings', {
        template: '#apple-account-settings',
        mounted() {
            document.querySelector("#foo").addEventListener("dom-ready", ()=>{
                // document.querySelector("#foo").executeJavaScript(`document.body.innerHTML += ("<style>.header {display: none!important;} </style>")`)
            })
        },
        methods: {

        }
    });
</script>