Import doesn't seem to work at all

[dave-kennedy]

This should work, right?

<is-land on:visible import="/js/my-component.js">
  <my-component>
    Hello, World!
  </my-component>
</is-land>

export default class MyComponent extends HTMLElement {
  constructor() {
    super();
    console.log('MyComponent.constructor');
  }

  connectedCallback() {
    console.log('MyComponent.connectedCallback');
    const div = document.createElement('div');
    div.innerHTML = 'Test!';
    this.append(div);
  }
}

customElements.define('my-component', MyComponent);

It seems the component is never imported. No errors either. Just... nothing happens.

The only occurrences of "import" in the source is here:

    let imports = await Promise.all(parents.map(p => p.wait()));
    // return innermost module import
    if(imports.length) {
      return imports[0];
    }

[dave-kennedy]

Grr... I figured it out. I need to include is-land-autoinit.js on the page in addition to is-land.js. The docs indicate this is only needed for certain frameworks. I'll submit a PR to clarify when I get a chance.