title: Rendering VueJS components into a Google Map Infowindow
body: <p>I'm trying to render a vue js component which is simply -</p>
  
  <pre><code>var infowindow_content = "&lt;google-map-infowindow ";
  infowindow_content += "content='Hello World'";
  infowindow_content += "&gt;&lt;/google-map-infowindow&gt;";
  </code></pre>
  
  <p>by passing it into the marker's infowindow</p>
  
  <pre><code>this.current_infowindow = new google.maps.InfoWindow({
      content: infowindow_content,
  });
  this.current_infowindow.open(context.mapObject, marker);
  </code></pre>
  
  <p>And the vueJS component being -</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          {{content}}
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  module.exports = {
      name: 'google-map-infowindow',
      props: [ 
          'content',
      ],
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>However, this doesn't work and the window is blank.</p>