4 files changed, 65 insertions, 21 deletions
diff --git a/examples/snowpack/astro.config.mjs b/examples/snowpack/astro.config.mjs
index 15bc31b47..b829c204f 100644
--- a/examples/snowpack/astro.config.mjs
+++ b/examples/snowpack/astro.config.mjs
@@ -6,6 +6,6 @@ export default {
   renderers: [
     '@astrojs/renderer-vue',
     '@astrojs/renderer-svelte',
-    '@astrojs/renderer-preact'
-  ]
+    '@astrojs/renderer-preact',
+  ],
 };
diff --git a/examples/snowpack/public/favicon/site.webmanifest b/examples/snowpack/public/favicon/site.webmanifest
index 45dc8a206..fa99de77d 100644
--- a/examples/snowpack/public/favicon/site.webmanifest
+++ b/examples/snowpack/public/favicon/site.webmanifest
@@ -1 +1,19 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
-\ No newline at end of file
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/examples/snowpack/public/styles/_utils.scss b/examples/snowpack/public/styles/_utils.scss
index d61627ddb..ace88d71d 100644
--- a/examples/snowpack/public/styles/_utils.scss
+++ b/examples/snowpack/public/styles/_utils.scss
@@ -4,22 +4,48 @@
 
 // margin & padding
 @for $i from 0 through 36 {
-  .ma#{$i} { margin: #{0.5 * $i}rem; }
-  .mt#{$i} { margin-top: #{0.5 * $i}rem; }
-  .mr#{$i} { margin-right: #{0.5 * $i}rem; }
-  .mb#{$i} { margin-bottom: #{0.5 * $i}rem; }
-  .ml#{$i} { margin-left: #{0.5 * $i}rem; }
-  .pa#{$i} { padding: #{0.5 * $i}rem; }
-  .pt#{$i} { padding-top: #{0.5 * $i}rem; }
-  .pr#{$i} { padding-right: #{0.5 * $i}rem; }
-  .pb#{$i} { padding-bottom: #{0.5 * $i}rem; }
-  .pl#{$i} { padding-left: #{0.5 * $i}rem; }
+  .ma#{$i} {
+    margin: #{0.5 * $i}rem;
+  }
+  .mt#{$i} {
+    margin-top: #{0.5 * $i}rem;
+  }
+  .mr#{$i} {
+    margin-right: #{0.5 * $i}rem;
+  }
+  .mb#{$i} {
+    margin-bottom: #{0.5 * $i}rem;
+  }
+  .ml#{$i} {
+    margin-left: #{0.5 * $i}rem;
+  }
+  .pa#{$i} {
+    padding: #{0.5 * $i}rem;
+  }
+  .pt#{$i} {
+    padding-top: #{0.5 * $i}rem;
+  }
+  .pr#{$i} {
+    padding-right: #{0.5 * $i}rem;
+  }
+  .pb#{$i} {
+    padding-bottom: #{0.5 * $i}rem;
+  }
+  .pl#{$i} {
+    padding-left: #{0.5 * $i}rem;
+  }
 }
 
 // text align
-.tac { text-align: center; }
-.tal { text-align: left; }
-.tar { text-align: right; }
+.tac {
+  text-align: center;
+}
+.tal {
+  text-align: left;
+}
+.tar {
+  text-align: right;
+}
 
 // wrapper
 .wrapper {
@@ -32,4 +58,4 @@
 
 .wrapper__readable {
   max-width: 55em;
-}
-\ No newline at end of file
+}
diff --git a/examples/snowpack/src/components/NewsTitle.vue b/examples/snowpack/src/components/NewsTitle.vue
index 00194ac1e..fdc77b600 100644
--- a/examples/snowpack/src/components/NewsTitle.vue
+++ b/examples/snowpack/src/components/NewsTitle.vue
@@ -8,8 +8,8 @@ export default {
   props: {
     title: {
       type: String,
-      required: true
-    }
-  }
-}
+      required: true,
+    },
+  },
+};
 </script>