diff --git a/examples/snowpack/astro/pages/plugins.hmx b/examples/snowpack/astro/pages/plugins.hmx
index e016e0504..4062904e4 100644
--- a/examples/snowpack/astro/pages/plugins.hmx
+++ b/examples/snowpack/astro/pages/plugins.hmx
@@ -1,3 +1,21 @@
+---
+  import news from '../data/news.json';
+  import users from '../data/users.json';
+  import PluginSearchPage from '../components/PluginSearchPage.jsx';
+
+  export const layout = 'layouts/main.hmx';
+
+  export function setup({ context }) {
+    return {
+      context: {
+        title: 'The Snowpack Plugin Catalog',
+        description:
+          'Snowpack plugins allow for configuration-minimal tooling integration.',
+      },
+    };
+  }
+---
+
 <style lang="scss">
   .intro {
     margin-top: 1rem;
@@ -38,24 +56,6 @@
   }
 </style>
 
----
-  import news from '../data/news.json';
-  import users from '../data/users.json';
-  import PluginSearchPage from '../components/PluginSearchPage.jsx';
-
-  export const layout = 'layouts/main.hmx';
-
-  export function setup({ context }) {
-    return {
-      context: {
-        title: 'The Snowpack Plugin Catalog',
-        description:
-          'Snowpack plugins allow for configuration-minimal tooling integration.',
-      },
-    };
-  }
----
-
 <h2 class="content-title">{ context.title }</h2>
 
 <h3 class="pluginPage-subheading">