title: Reach global window variable from index.html in a Vue component
body: <p>If i have an Stencil.js component that i load in to my Vue project like this: </p>
  
  <p><strong>index.html:</strong></p>
  
  <pre><code>  &lt;script type="module"
      src="https://xxxxxx.s3-eu-west-1.amazonaws.com/topbar.esm.js"&gt;
    &lt;/script&gt;
  
    &lt;script&gt;
      window.addEventListener('topbarLoaded', function (data) {
        window.topbar = data.detail;
        console.log('topbar was loaded and here it is:', window.topbar);
      });
    &lt;/script&gt;
  </code></pre>
  
  <p>I then want to reach the topbar information in my vue components. 
  Something like</p>
  
  <p><strong>VueComponent.vue</strong></p>
  
  <pre><code>&lt;script lang="ts"&gt;
     import { Component, Prop, Vue } from "vue-property-decorator";
  
     @Component({
       name: 'testcomp'
     })
     export default class PodList extends Vue {
        data() {
           return {
              topbar: window.topbar // Error: Property 'topbar' does not exist on type 'Window &amp; typeof globalThis'
           }
        }
     }
  &lt;/script&gt;
  </code></pre>
  
  <p>So here I want all stuff i have from my topbar to be accessible in my Vue component. 
  As it is now, if I open Chrome devtools i can write topbar.user and get all information of user, but I also want this information to be reachable in all vue components. </p>