Hi @benregn! I believe the only way to make that work today would be to implement render/2 in you view to avoid having Phoenix handling the template directly. Then you could you use ~H inside render/2 as in any other Surface component. In case that doesn’t work or if it’s not ideal for you, please open an issue at Issues · surface-ui/surface · GitHub so we can discuss possible solutions.
Hi @darraghenright! We’re currently discussing some changes in Surface’s syntax to avoid conflicts with client libs. One change that is already scheduled for the next version is to ignore <template> and <slot> and introduce their surface’s component counterparts: <Template> and <Slot>. In the meantime, if you need to make <template> hit the browser, you can use <#Raw> to bypass Surface’s compiler, for instance:
<#Raw><template x-if="showModal"></#Raw>
<div class="modal">
...
<button @click="showModal = false">close</button>
</div>
<#Raw></template></#Raw>
Don’t forget to alias Surface.Components.Raw in your component.
