Support ESM in the browser

[tylermmorton]

Bug 🐞

What is the current behavior?

While attempting to use vue-instantsearch without a build step through native esmodules vue-instantsearch fails to load and an error is printed to the console:

Uncaught TypeError: Failed to resolve module specifier "instantsearch.js/es/connectors/index.js". Relative references must start with either "/", "./", or "../".

Make a sandbox with the current behavior

https://jsfiddle.net/erdw124a/

What is the expected behavior?

vue-instantsearch is usable through esmodules and import-maps

Does this happen only in specific situations?

I believe this is only a problem when using native es modules. I have not tried vue-instantsearch with a build step yet. I'd really like to avoid this alternative if possible.

What is the proposed solution?

What is the version you are using?

"algoliasearch": "https://unpkg.com/[email protected]/dist/algoliasearch-lite.esm.browser.js",
"instantsearch.js": "https://cdn.jsdelivr.net/npm/[email protected]/dist/instantsearch.production.min.js",
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js",
"vue-instantsearch": "https://cdn.jsdelivr.net/npm/[email protected]/vue3/es/index.js"

[Haroenv]

This hasn't been supported yet by us, but I believe you can use import maps or a cdn that rewrites the imports (I believe snowpack does this)