Modernizing inline script tags for templates & JS API

[jimkleiber]

@NateDhaliwal

here is the JS tab now, so you can probably use api.renderInOutlet now.

@david

If you develop your theme via the admin panel interface, copy the code out of the <script>, and move it into the JS tab (where it says // your code here).

Ah, I didn’t see that this was possible to do with connectors/components as well, but in the linked article found this:

@system

The simplest component is a “template only component”, and can be authored like this:

const MyComponent = <template>Hello World</template>;
api.renderInOutlet("some-outlet", MyComponent);

// Or on one line
api.renderInOutlet("some-outlet", <template>Hello World</template>);

Maybe easier than I thought, thank you!