las plantillas de liquid.js se incorporan en env.js

assets/templates/alert.html

@@ -1,7 +1,9 @@
-<div class="alert alert-{{ type }} alert-dismissible" role="alert">
+{%- raw -%}
+  <div class="alert alert-{{ type }} alert-dismissible" role="alert">
     {{ content }}
 
     <button data-action="notification#hide" type="button" class="close" aria-label="{{ site.i18n.close }}">
       <span aria-hidden="true">&times;</span>
     </button>
-</div>
+  </div>
+{%- endraw -%}

assets/templates/results.html

@@ -1,4 +1,5 @@
-<section class="row no-gutters justify-content-center">
+{%- raw -%}
+  <section class="row no-gutters justify-content-center">
     <div class="col-10">
       {% for item in results %}
         <article id="{{ item.slug }}">
@@ -14,4 +15,5 @@
         </article>
       {% endfor %}
     </div>
-</section>
+  </section>
+{%- endraw -%}

env.js

@@ -10,3 +10,20 @@ window.env = {
 window.site = {
   "i18n": {{ site.i18n | jsonify }}
 }
+
+{%- comment -%}
+  Para agregar plantillas que se procesan con JS, las agregamos en
+  Liquid dentro de assets/templates/ y luego las importamos acá, de forma
+  que estén disponibles para JS sin tener que descargarlas.
+
+  Es importante que la plantilla esté envuelta por el tag `{% raw %}`,
+  para que no sea procesado en el momento de generar env.js, sino en el
+  navegador.
+{%- endcomment -%}
+{%- capture alert %}{% include_relative assets/templates/alert.html %}{% endcapture -%}
+{%- capture results %}{% include_relative assets/templates/results.html %}{% endcapture -%}
+
+window.templates = {
+  "alert": {{ alert | markdownify }},
+  "results": {{ results | markdownify }},
+}