utton"
    x-data
    @click="$dispatch('async-alpine:load', { id: 'my-component' })"
  >
    Load
  </button>

  <div
		data-testid="test"
    id="my-component"
    x-load="event || media (max-width: 820px)"
    x-load-src="/tests/assets/output.js"
    x-data="output('loaded')"
  ></div>

  <script type="module">
    import Alpine from 'https://cdn.skypack.dev/alpinejs';
    import AsyncAlpine from '/dist/async-alpine.esm.js';
    Alpine.plugin(AsyncAlpine)
    Alpine.start()
  </script>
</body>
</html>
