diff --git a/src/blog/posts.html b/src/blog/posts.vto
similarity index 62%
rename from src/blog/posts.html
rename to src/blog/posts.vto
index 7ff513b0..32d6c26e 100644
--- a/src/blog/posts.html
+++ b/src/blog/posts.vto
@@ -3,29 +3,29 @@ title: Blog Archive
 layout: main/content
 tags: blog pages
 eleventyComputed:
-    desc: Archive of blog posts on {{ sitemeta.siteName | safe }}
+    desc: Archive of blog posts on {{ sitemeta.siteName }}
 eleventyNavigation:
     key: Blog Archive
     parent: Blog
 ---
 
 <ul class="blog__postlist">
-    {% for post in collections.posts | reverse %}
+    {{ for post of collections.posts |> toReversed }}
     <li class="blog__postlist--item">
         <h2 class="blog__postlist--title">
             <a href="{{ post.url }}">
-            {% if post.data.title %}{{ post.data.articleTitle }}
-            {% else %}
+            {{ if post.data.title }}{{ post.data.articleTitle }}
+            {{ else }}
             <code>{{ post.url }}</code>
-            {% endif %}
+            {{ /if }}
             </a>
         </h2>
-        <time datetime="{{ post.date }}">{{ post.date | formatDate }}</time>
+        <time datetime="{{ post.date }}">{{ post.date |> formatDate }}</time>
     </li>
-    {% endfor %}
+    {{ /for }}
 </ul>
 
-{%- css %}
+{{- css }}
 .blog__postlist {
     display: grid;
     gap: 1em;
@@ -37,4 +37,4 @@ eleventyNavigation:
     line-height: 1.3;
     margin-bottom: 0.2em;
 }
-{% endcss %}
+{{ /css }}