From 1fdc1c799a857e81bc616aa26304fab596345ec3 Mon Sep 17 00:00:00 2001
From: Drew Powers <1369770+drwpow@users.noreply.github.com>
Date: Mon, 22 Mar 2021 18:06:58 -0600
Subject: [PATCH] [wip] Add styles to Snowpack app (#13)

* Add styles to Snowpack app

* Bubble up file build errors

* Fix merge error
---
 examples/snowpack/astro/components/Banner.hmx |   2 +-
 examples/snowpack/astro/components/Hero.hmx   | 112 +++
 examples/snowpack/astro/components/Menu.hmx   | 182 ++--
 examples/snowpack/astro/components/Nav.hmx    | 246 ++++-
 .../astro/components/PluginSearchPage.css     |  66 --
 .../astro/components/PluginSearchPage.jsx     | 109 +-
 .../components/PluginSearchPage.module.css    | 121 +++
 examples/snowpack/astro/components/Subnav.hmx |  95 +-
 examples/snowpack/astro/layouts/post.hmx      |  35 +-
 examples/snowpack/astro/pages/index.hmx       | 123 ++-
 examples/snowpack/astro/pages/plugins.hmx     |  60 +-
 examples/snowpack/package-lock.json           | 930 +++++++++++++++---
 examples/snowpack/package.json                |  37 +-
 examples/snowpack/public/css/app.scss         |  15 +-
 .../public/css/components/_copy-button.scss   |  48 -
 .../public/css/components/_feature-list.scss  |  46 -
 .../snowpack/public/css/components/_hero.scss | 108 --
 .../snowpack/public/css/components/_nav.scss  | 118 ---
 .../public/css/components/_search.scss        | 119 ---
 .../snowpack/public/css/components/_toc.scss  | 132 ---
 .../snowpack/public/css/pages/_plugins.scss   |  97 --
 examples/snowpack/snowpack.config.js          |  10 +-
 package-lock.json                             |  64 +-
 package.json                                  |   4 +-
 src/runtime.ts                                |  14 +-
 25 files changed, 1737 insertions(+), 1156 deletions(-)
 delete mode 100644 examples/snowpack/astro/components/PluginSearchPage.css
 create mode 100644 examples/snowpack/astro/components/PluginSearchPage.module.css
 delete mode 100644 examples/snowpack/public/css/components/_copy-button.scss
 delete mode 100644 examples/snowpack/public/css/components/_feature-list.scss
 delete mode 100644 examples/snowpack/public/css/components/_hero.scss
 delete mode 100644 examples/snowpack/public/css/components/_nav.scss
 delete mode 100644 examples/snowpack/public/css/components/_search.scss
 delete mode 100644 examples/snowpack/public/css/components/_toc.scss
 delete mode 100644 examples/snowpack/public/css/pages/_plugins.scss

diff --git a/examples/snowpack/astro/components/Banner.hmx b/examples/snowpack/astro/components/Banner.hmx
index 8879bf9396ee..565027678c95 100644
--- a/examples/snowpack/astro/components/Banner.hmx
+++ b/examples/snowpack/astro/components/Banner.hmx
@@ -7,4 +7,4 @@
       </a>
     </div>
   </div>
-</section>
\ No newline at end of file
+</section>
diff --git a/examples/snowpack/astro/components/Hero.hmx b/examples/snowpack/astro/components/Hero.hmx
index d77f48573318..53736a4d895c 100644
--- a/examples/snowpack/astro/components/Hero.hmx
+++ b/examples/snowpack/astro/components/Hero.hmx
@@ -1,3 +1,115 @@
+<style type="text/scss">
+  @use '../../public/css/var' as *;
+
+  .hero {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 50vh;
+    min-height: 20rem;
+    max-height: 30rem;
+    color: #111;
+    line-height: 1.5;
+    background: #2a85ca40;
+    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' title='mountain' class='logo' fill='%23FFFB'%3E%3Cpath d='M634.92 462.7l-288-448C341.03 5.54 330.89 0 320 0s-21.03 5.54-26.92 14.7l-288 448a32.001 32.001 0 0 0-1.17 32.64A32.004 32.004 0 0 0 32 512h576c11.71 0 22.48-6.39 28.09-16.67a31.983 31.983 0 0 0-1.17-32.63zM320 91.18L405.39 224H320l-64 64-38.06-38.06L320 91.18z' /%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: calc(100% + 100px) calc(100% + 64px);
+    background-size: 50%;
+    border-bottom: 1px solid #0003;
+    //margin-top: $nav-height;
+
+    @media (min-width: $breakpoint-l) {
+      margin: 0;
+    }
+
+    a {
+      color: white;
+    }
+
+    > svg {
+      display: block;
+      margin: auto;
+      opacity: 0.9;
+    }
+
+    .logo {
+      position: absolute;
+      right: 0;
+      width: 100%;
+    }
+    .logo path {
+      fill: #fff;
+    }
+
+    .section {
+      padding: 1rem * 2;
+    }
+  }
+
+  .hero-cta {
+    display: flex;
+    justify-content: center;
+    margin: 1.5rem auto 0;
+  }
+  
+  .header-link {
+    padding-left: 2px;
+  }
+
+  .header-logo {
+    display: flex;
+    align-items: center;
+    float: left;
+    margin: 0 -20px 0 0;
+    font-weight: bold;
+    font-size: 36px;
+    line-height: 1;
+
+    @media (min-width: $breakpoint-m) {
+      margin: 0 20px 0 0;
+    }
+
+    svg {
+      width: 31px;
+      height: 31px;
+      margin-right: 8px;
+      margin-left: 2px;
+      padding: 0;
+      color: #fff;
+    }
+  }
+
+  .header-snowpack {
+    margin: 0 auto 0.75rem;
+    font-weight: 900;
+    font-size: 3.5rem;
+    line-height: 1;
+    letter-spacing: -0.045em;
+    text-align: center;
+    opacity: 0.9;
+
+    @media (min-width: $breakpoint-m) {
+      max-width: none;
+      font-size: 5.75rem;
+      opacity: 1;
+    }
+  }
+
+  .header-snowpack-subtitle {
+    margin: 0;
+    margin: auto;
+    font-weight: 500;
+    font-size: 2rem;
+    line-height: 1;
+    letter-spacing: -1px;
+    text-align: center;
+
+    @media (min-width: $breakpoint-m) {
+      font-size: 3rem;
+    }
+  }
+</style>
+
 <div class="hero">
   <div class="section">
     <h1 class="header-snowpack">Snowpack</h1>
diff --git a/examples/snowpack/astro/components/Menu.hmx b/examples/snowpack/astro/components/Menu.hmx
index f94e28ee2ab9..abc20c88f907 100644
--- a/examples/snowpack/astro/components/Menu.hmx
+++ b/examples/snowpack/astro/components/Menu.hmx
@@ -1,84 +1,130 @@
-<nav class="snow-toc">
-  <ol class="snow-toc-contents">
-    <li class="snow-toc-section">
-      <span class="snow-toc-section-header">Concepts</span>
-      <ol class="snow-toc-section-items">
-        <li>
-          <a class="snow-toc-link" href="/concepts/how-snowpack-works">How Snowpack Works</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/concepts/dev-server">The Dev Server</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/concepts/build-pipeline">The Build Pipeline</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/concepts/hot-module-replacement">Fast Refresh & HMR</a>
-        </li>
+<style type="text/scss">
+  @use '../../public/css/var' as *;
+
+  .toc {
+    transition: padding 0.2s ease-out, opacity 0.2s ease-in-out;
+  }
+
+  .contents {
+    margin: 0;
+    padding: 0;
+    line-height: 1.8;
+    list-style: none;
+  }
+
+  .section {
+    + .section {
+      margin-top: 1.5rem;
+    }
+  }
+
+  .header {
+    margin-top: 0;
+    margin-bottom: 8px;
+    color: rgba($white, 0.6);
+    font-weight: 600;
+    font-size: 20px;
+    font-family: $heading;
+    line-height: 1.2em;
+
+    @media (min-width: $breakpoint-m) {
+      color: $dark-grey;
+    }
+  }
+
+  .items {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .link,
+  .subnav a {
+    position: relative;
+    display: block;
+    color: $white;
+    text-decoration: none;
+    border: none;
+    transition: color 0.3s;
+
+    @media (min-width: $breakpoint-m) {
+      color: $grey;
+    }
+
+    &::before {
+      position: absolute;
+      top: -2px;
+      left: -19px;
+      font-weight: 400;
+      font-size: 26px;
+      line-height: 1;
+      opacity: 0;
+      transition: left 0.14s ease-out;
+      content: '▸';
+    }
+
+    &:hover {
+      text-decoration: underline;
+    }
+
+    &.active {
+      color: #0c8cec;
+      text-decoration: underline;
+
+      &::before {
+        left: -17px;
+        opacity: 1;
+      }
+    }
+  }
+</style>
+
+<nav class="toc">
+  <ol class="contents">
+    <li class="section">
+      <span class="header">Concepts</span>
+      <ol class="items">
+        <li><a class="link" href="/concepts/how-snowpack-works">How Snowpack Works</a></li>
+        <li><a class="link" href="/concepts/dev-server">The Dev Server</a></li>
+        <li><a class="link" href="/concepts/build-pipeline">The Build Pipeline</a></li>
+        <li><a class="link" href="/concepts/hot-module-replacement">Fast Refresh & HMR</a></li>
       </ol>
     </li>
 
-    <li class="snow-toc-section">
-      <span class="snow-toc-section-header">Getting Started</span>
-      <ol class="snow-toc-section-items">
-        <li>
-          <a class="snow-toc-link" href="/tutorials/quick-start">Quick Start</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/tutorials/getting-started">Getting Started</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/tutorials/react">React</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/tutorials/svelte">Svelte</a>
-        </li>
+    <li class="section">
+      <span class="header">Getting Started</span>
+      <ol class="items">
+        <li><a class="link" href="/tutorials/quick-start">Quick Start</a></li>
+        <li><a class="link" href="/tutorials/getting-started">Getting Started</a></li>
+        <li><a class="link" href="/tutorials/react">React</a></li>
+        <li><a class="link" href="/tutorials/svelte">Svelte</a></li>
       </ol>
     </li>
 
-    <li class="snow-toc-section">
-      <a class="snow-toc-link" href="/guides">
-        <span class="snow-toc-section-header">Guides</span></a>
+    <li class="section">
+      <a class="link" href="/guides"><span class="header">Guides</span></a>
     </li>
 
-    <li class="snow-toc-section">
-      <span class="snow-toc-section-header">Reference</span>
-      <ol class="snow-toc-section-items">
-        <li>
-          <a class="snow-toc-link" href="/reference/configuration">snowpack.config.js</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/reference/cli-command-line-interface">Command Line API</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/reference/javascript-interface">JavaScript API</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/reference/plugins">Plugin API</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/reference/environment-variables">Environment Variables</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/reference/hot-module-replacement">HMR API</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/reference/supported-files">Supported Files</a>
-        </li>
-        <li>
-          <a class="snow-toc-link" href="/reference/common-error-details">Common Errors</a>
-        </li>
+    <li class="section">
+      <span class="header">Reference</span>
+      <ol class="items">
+        <li><a class="link" href="/reference/configuration">snowpack.config.js</a></li>
+        <li><a class="link" href="/reference/cli-command-line-interface">Command Line API</a></li>
+        <li><a class="link" href="/reference/javascript-interface">JavaScript API</a></li>
+        <li><a class="link" href="/reference/plugins">Plugin API</a></li>
+        <li><a class="link" href="/reference/environment-variables">Environment Variables</a></li>
+        <li><a class="link" href="/reference/hot-module-replacement">HMR API</a></li>
+        <li><a class="link" href="/reference/supported-files">Supported Files</a></li>
+        <li><a class="link" href="/reference/common-error-details">Common Errors</a></li>
       </ol>
     </li>
 
-    <li class="snow-toc-section">
-      <a class="snow-toc-link" href="/plugins">
-        <span class="snow-toc-section-header">Plugin Catalog</span></a>
+    <li class="section">
+      <a class="link" href="/plugins"><span class="section-header">Plugin Catalog</span></a>
     </li>
 
-    <li class="snow-toc-section">
-      <a class="snow-toc-link" href="/news">
-        <span class="snow-toc-section-header">Community & News</span></a>
+    <li class="section">
+      <a class="link" href="/news"><span class="section-header">Community & News</span></a>
     </li>
   </ol>
 </nav>
diff --git a/examples/snowpack/astro/components/Nav.hmx b/examples/snowpack/astro/components/Nav.hmx
index b136eb3959bc..a3737a55eae4 100644
--- a/examples/snowpack/astro/components/Nav.hmx
+++ b/examples/snowpack/astro/components/Nav.hmx
@@ -1,9 +1,230 @@
 <script astro>
-  export let props: {version: string};
+  export let props: { version: string };
 </script>
 
-<nav class="snow-nav">
-  <button id="toc-drawer-button" class="snow-nav-mobile-open" type="button" aria-expanded="false"
+<style type="text/scss">
+  @use '../../public/css/var' as *;
+
+  /**
+   * Top nav
+   * The thing at the top
+   */
+
+  .nav {
+    position: sticky;
+    top: 0;
+    z-index: map-get($map: $layers, $key: 'nav');
+    display: grid;
+    grid-template-areas:
+      'mobile logo version'
+      'search search search';
+    grid-template-rows: $nav-height $nav-height;
+    grid-template-columns: 1fr 2fr 1fr;
+    align-items: center;
+    height: $nav-height;
+    padding-right: 0.5rem;
+    padding-left: 0.625rem;
+    color: $white;
+    background-color: $dark-blue;
+
+    body.is-nav-open & {
+      height: $nav-height * 2;
+    }
+
+    @media (min-width: $breakpoint-m) {
+      display: flex;
+      height: $nav-height;
+      padding-left: 0;
+    }
+  }
+
+  .link {
+    display: inline-block;
+    padding: 0.5em;
+    color: $white;
+    font-weight: 500;
+    text-decoration: none;
+    opacity: 0.7;
+    transition: opacity 150ms linear;
+
+    &:focus,
+    &:hover {
+      opacity: 1;
+    }
+
+    &__desktop {
+      display: none;
+
+      @media (min-width: $breakpoint-m) {
+        display: block;
+      }
+    }
+  }
+
+  .logo {
+    display: flex;
+    grid-area: logo;
+    justify-content: center;
+    padding: 0.5rem;
+    color: $white;
+    font-size: 24px;
+    text-decoration: none;
+
+    @media (min-width: $breakpoint-m) {
+      justify-content: flex-start;
+      padding: 0.5rem 1.25rem;
+    }
+  }
+
+  .mobile-open {
+    display: flex;
+    grid-area: mobile;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    padding: 0;
+    color: $white;
+    font-size: 16px;
+    background: none;
+    border: none;
+    appearance: none;
+
+    @media (min-width: $breakpoint-m) {
+      display: none;
+    }
+  }
+
+  .search {
+    position: relative;
+    z-index: 1000;
+    display: flex;
+    flex-grow: 1;
+    grid-area: search;
+    margin: 0 6px;
+    > * {
+      flex-grow: 1;
+    }
+
+    @media (min-width: $breakpoint-m) {
+      max-width: 600px;
+    }
+
+    @media (max-width: $breakpoint-m - 1) {
+      & {
+        display: none;
+      }
+      body.is-nav-open & {
+        display: flex;
+      }
+    }
+
+    & .sr-only {
+      display: none;
+    }
+  }
+
+  .search-hint {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: none;
+    padding: 6px 12px;
+    color: #c2ced9;
+    font-size: 16px;
+    pointer-events: none;
+
+    & * {
+      font-family: $code;
+    }
+
+    &::before {
+      display: inline-block;
+      width: 1px;
+      height: 1.5em;
+      margin-right: 0.5em;
+      vertical-align: -35%;
+      background-color: rgba($white, 0.25);
+      content: '';
+    }
+
+    @media (min-width: $breakpoint-m) {
+      display: block;
+    }
+  }
+
+  .search-input {
+    flex-grow: 1;
+    box-sizing: border-box;
+    width: 100%;
+    margin: 0;
+    padding-top: 0.5rem;
+    padding-right: 1rem;
+    padding-bottom: 0.5rem;
+    padding-left: 1rem;
+    overflow: visible;
+    color: #fff;
+    font-weight: 500;
+    font-size: 100%;
+    font-family: inherit;
+    line-height: inherit;
+    background-color: #446e8f;
+    border-color: rgba($white, 0.25);
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 0.25rem;
+    outline: 0;
+    transition-timing-function: ease-in-out;
+    transition-duration: 0.2s;
+    transition-property: border-color, color;
+    -webkit-font-smoothing: antialiased;
+
+    &:focus {
+      color: white;
+      border-color: rgba($white, 0.75);
+
+      &::placeholder {
+        color: rgba($white, 0.8);
+      }
+    }
+    &::placeholder {
+      color: #c2ced9;
+    }
+
+    &__desktop {
+      display: none;
+
+      @media (min-width: $breakpoint-m) {
+        display: block;
+      }
+    }
+  }
+
+  .version {
+    grid-area: version;
+    margin-left: 0.5em;
+    font-size: 0.8em;
+    font-family: $code;
+    text-align: right;
+
+    @media (min-width: $breakpoint-m) {
+      text-align: left;
+
+      &::after {
+        display: inline-block;
+        width: 1px;
+        height: 1.5em;
+        margin-left: 0.5em;
+        vertical-align: -25%;
+        background-color: rgba($white, 0.25);
+        content: '';
+      }
+    }
+  }
+</style>
+
+<nav class="nav">
+  <button id="toc-drawer-button" class="mobile-open" type="button" aria-expanded="false"
     aria-controls="nav-primary">
     <svg focusable="false" class="snow-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
       <title>Toggle mobile menu</title>
@@ -12,7 +233,7 @@
       </path>
     </svg>
   </button>
-  <a class="snow-nav-logo snow-logo" href="/">
+  <a class="logo snow-logo" href="/">
     <svg class="snow-logo-icon" viewbox="0 0 640 512" version="1.1" xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink">
       <g transform="translate(-1.000000, 0.000000)" fill-rule="nonzero">
@@ -21,12 +242,12 @@
           id="Shape"></path>
       </g>
     </svg>
-    <span class="snow-logo-type">Snowpack</span>
+    <span class="logo-type">Snowpack</span>
   </a>
-  <div class="search-form">
+  <div class="search">
     <input type="text" name="search" placeholder="Search documentation..." class="search-form-input"
-      id="search-form-input">
-    <span class="search-form-hint">
+      id="search-input">
+    <span class="search-hint">
       <span class="sr-only">Press </span>
       <kbd class="font-sans"><abbr title="Command" style="text-decoration: none;">⌘</abbr></kbd>
       <span class="sr-only"> and </span>
@@ -35,10 +256,10 @@
     </span>
   </div>
   <div style="flex-grow: 1"></div>
-  <a href="https://github.com/snowpackjs/snowpack/releases" target="_blank" class="snow-nav-link snow-nav-version">
+  <a href="https://github.com/snowpackjs/snowpack/releases" target="_blank" class="link version">
     {`v${props.version}`}
   </a>
-  <a href="https://github.com/snowpackjs/snowpack" target="_blank" class="snow-nav-link snow-nav-link__desktop">
+  <a href="https://github.com/snowpackjs/snowpack" target="_blank" class="link link__desktop">
     <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="github" class="snow-icon" role="img"
       xmlns="http://www.w3.org/2000/svg" viewbox="0 0 496 512">
       <path fill="currentColor"
@@ -46,7 +267,7 @@
       </path>
     </svg>
   </a>
-  <a href="https://twitter.com/snowpackjs" target="_blank" class="snow-nav-link snow-nav-link__desktop">
+  <a href="https://twitter.com/snowpackjs" target="_blank" class="link link__desktop">
     <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="snow-icon" role="img"
       xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
       <path fill="currentColor"
@@ -54,7 +275,7 @@
       </path>
     </svg>
   </a>
-  <a href="https://discord.gg/snowpack" target="_blank" class="snow-nav-link snow-nav-link__desktop">
+  <a href="https://discord.gg/snowpack" target="_blank" class="link link__desktop">
     <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="discord" class="snow-icon" role="img"
       xmlns="http://www.w3.org/2000/svg" viewbox="0 0 210 240">
       <path
@@ -64,6 +285,7 @@
     </svg>
   </a>
 </nav>
+
 <script>
   function handleMobileNav(evt) {
     evt.preventDefault();
diff --git a/examples/snowpack/astro/components/PluginSearchPage.css b/examples/snowpack/astro/components/PluginSearchPage.css
deleted file mode 100644
index b98fefeb98d7..000000000000
--- a/examples/snowpack/astro/components/PluginSearchPage.css
+++ /dev/null
@@ -1,66 +0,0 @@
-
-#loading-message {
-  margin: 1rem;
-  text-align: center;
-}
-.cards {
-  list-style: none;
-  max-width: 600px;
-  padding-left: 0;
-}
-.plugin-icon {
-  height: 52px;
-  width: 52px;
-  opacity: .5;
-  transform: rotate(45deg);
-  /* background: radial-gradient(to top,red,blue); */
-  position: absolute;
-  top: 13px;
-  left: -15px;
-}
-.card:nth-child(3n+2) .plugin-icon {
-  filter: hue-rotate(-60deg);
-}
-.card:nth-child(3n+3) .plugin-icon {
-  filter: hue-rotate(-120deg);
-}
-
-.card {
-  margin: 0.5rem 0.25em;
-  border-radius: 4px;
-  padding: 0.5rem 0.5rem 0.5rem 48px;
-  flex-direction: column;
-  position: relative;
-}
-.card-name {
-  font-weight: 500;
-  margin: 0;
-}
-.card-header {
-  font-size: 1.1447rem;
-}
-.card-descr {
-  line-height: 1.25;
-  margin-top: 0.25em;
-  margin-bottom: 0.25em;
-  max-width: 80ch;
-}
-.card-subtitle {
-  margin: 0;
-  color: #7986a5;
-  font-size: 0.8735804647362989em;
-}
-.sky-form {
-  display: flex;
-  padding: 0.5rem;
-  justify-content: center;
-}
-.sky-btn {
-  background: #2e5e82;
-  color: white;
-  border: none;
-  border-radius: 0 2px 2px 0;
-  font-weight: 500;
-  padding: 0.5rem;
-  font-size: 22px;
-}
\ No newline at end of file
diff --git a/examples/snowpack/astro/components/PluginSearchPage.jsx b/examples/snowpack/astro/components/PluginSearchPage.jsx
index 0d2afcd8397c..5fb00c9db053 100644
--- a/examples/snowpack/astro/components/PluginSearchPage.jsx
+++ b/examples/snowpack/astro/components/PluginSearchPage.jsx
@@ -1,6 +1,6 @@
-import {h, Fragment} from 'preact';
-import {useEffect, useState} from 'preact/hooks';
-import './PluginSearchPage.css';
+import { h, Fragment } from 'preact';
+import { useEffect, useState } from 'preact/hooks';
+import * as Styles from './PluginSearchPage.css';
 
 async function searchPlugins(val) {
   const params3 = new URLSearchParams([
@@ -15,37 +15,33 @@ async function searchPlugins(val) {
 }
 
 function Card({ result }) {
-    const updatedAtFormatted = Intl.DateTimeFormat('en', {
-      month: 'long',
-      day: 'numeric',
-      year: 'numeric',
-    }).format(Date.parse(result.updatedAt));
-    return (
-      <li class="card">
-        <img class="plugin-icon" src="/img/plug-light.svg" />
-        <header class="card-header">
-          <h3 class="card-name">
-            <a
-              href="https://www.npmjs.com/package/{result.name}"
-              target="_blank"
-            >
-              <span itemprop="name">{result.name}</span>
-            </a>
-          </h3>
-        </header>
-        <p class="card-descr" itemprop="description">
-          {result.description.split('. ')[0]}
-        </p>
-        <p class="card-subtitle">
-          Updated
-          <time class="" datetime={result.updatedAt}>
-            {updatedAtFormatted}
-          </time>
-        </p>
-      </li>
-    );
-  }
-  
+  const updatedAtFormatted = Intl.DateTimeFormat('en', {
+    month: 'long',
+    day: 'numeric',
+    year: 'numeric',
+  }).format(Date.parse(result.updatedAt));
+  return (
+    <li class={Styles.Card}>
+      <img class={Styles.Icon__Plugin} src="/img/plug-light.svg" />
+      <header class={Styles.CardHeader}>
+        <h3 class={Styles.CardName}>
+          <a href="https://www.npmjs.com/package/{result.name}" target="_blank">
+            <span itemprop="name">{result.name}</span>
+          </a>
+        </h3>
+      </header>
+      <p class={Styles.CardDesc} itemprop="description">
+        {result.description.split('. ')[0]}
+      </p>
+      <p class={Styles.CardSubtitle}>
+        Updated
+        <time class="" datetime={result.updatedAt}>
+          {updatedAtFormatted}
+        </time>
+      </p>
+    </li>
+  );
+}
 
 export default function PluginSearchPage() {
   const searchParams = new URLSearchParams(window.location.search);
@@ -69,16 +65,16 @@ export default function PluginSearchPage() {
     setResults(await searchPlugins(formula));
     return false;
   }
-//   if (document.getElementById('loading-message')) {
-//     document.getElementById('loading-message').style.display = 'none';
-//   }
+  //   if (document.getElementById('loading-message')) {
+  //     document.getElementById('loading-message').style.display = 'none';
+  //   }
 
   return (
     <>
       <form
         name="myform"
         id="myform"
-        class="pluginPage-search"
+        class={Styles.Form}
         action="https://www.npmjs.com/search"
         method="GET"
         onSubmit={onFormSubmit}
@@ -88,23 +84,36 @@ export default function PluginSearchPage() {
           name="q"
           defaultValue={searchQuery}
           placeholder="search Sass, sitemaps, image optimization..."
-          class="pluginPage-search-input"
+          class={Styles.Input}
         />
-        <button type="submit" class="pluginPage-search-submit">
+        <button type="submit" class={Styles.Submit}>
           Search
         </button>
       </form>
-      <div class="pluginPage-count" id="total-result-count">
-          {!searchQuery && results && results.length > 50 && `${results.length}+ plugins available!`}
+      <div class={Styles.Count} id="total-result-count">
+        {!searchQuery &&
+          results &&
+          results.length > 50 &&
+          `${results.length}+ plugins available!`}
       </div>
-      <section id="search-results" style="max-width: 600px;">
-        {!results && <div id="loading-message">Loading...</div>}
-        {results && results.length === 0 && <ul class="cards">
-        <li style="margin: 1rem; text-align: center;">No results found.</li>
-      </ul>}
-      {results && results.length > 0 && <ul class="cards">
-        {results.map((r) => <Card result={r} />)}
-      </ul>}
+      <section id="search-results" class={Styles.Results}>
+        {!results && (
+          <div id="loading-message" class={Styles.Loading}>
+            Loading...
+          </div>
+        )}
+        {results && results.length === 0 && (
+          <ul class={Styles.CardList}>
+            <li style="margin: 1rem; text-align: center;">No results found.</li>
+          </ul>
+        )}
+        {results && results.length > 0 && (
+          <ul class={Styles.CardList}>
+            {results.map((r) => (
+              <Card result={r} />
+            ))}
+          </ul>
+        )}
       </section>
     </>
   );
diff --git a/examples/snowpack/astro/components/PluginSearchPage.module.css b/examples/snowpack/astro/components/PluginSearchPage.module.css
new file mode 100644
index 000000000000..a36eb8ab7401
--- /dev/null
+++ b/examples/snowpack/astro/components/PluginSearchPage.module.css
@@ -0,0 +1,121 @@
+.Card {
+  margin: 0.5rem 0.25em;
+  border-radius: 4px;
+  padding: 0.5rem 0.5rem 0.5rem 48px;
+  flex-direction: column;
+  position: relative;
+}
+
+.Card:nth-child(3n + 2) .Icon__Plugin {
+  filter: hue-rotate(-60deg);
+}
+
+.Card:nth-child(3n + 3) .Icon__Plugin {
+  filter: hue-rotate(-120deg);
+}
+
+.CardList {
+  list-style: none;
+  max-width: 600px;
+  padding-left: 0;
+}
+
+.CardName {
+  margin: 0;
+  font-weight: 500;
+}
+
+.CardHeader {
+  font-size: 1.1447rem;
+}
+
+.CardDesc {
+  max-width: 80ch;
+  margin-top: 0.25em;
+  margin-bottom: 0.25em;
+  line-height: 1.25;
+}
+
+.CardSubtitle {
+  margin: 0;
+  color: #7986a5;
+  font-size: 0.8735804647362989em;
+}
+
+.Count {
+  max-width: 600px;
+  min-height: 24px;
+  margin: 0.5rem 0 1rem;
+  color: rgba(black, 0.6);
+  font-weight: 300;
+  font-size: 1em;
+  font-style: italic;
+  text-align: center;
+
+  @media (min-width: 600px) {
+    font-size: 1.2em;
+  }
+}
+
+.Form {
+  display: flex;
+  width: 100%;
+  max-width: 600px;
+}
+
+.Icon__Plugin {
+  height: 52px;
+  width: 52px;
+  opacity: 0.5;
+  transform: rotate(45deg);
+  /* background: radial-gradient(to top,red,blue); */
+  position: absolute;
+  top: 13px;
+  left: -15px;
+}
+
+.Loading {
+  margin: 1rem;
+  text-align: center;
+}
+
+.Input {
+  flex-grow: 1;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  padding: 0.25em 0.75em;
+  font-size: 1em;
+  border-width: 1px 0 1px 1px;
+  border-radius: 4px 0 0 4px;
+  box-shadow: 0 0 0 2px rgba(46, 94, 130, 0);
+  transition: box-shadow 150ms linear;
+  appearance: none;
+}
+
+.Input:focus {
+  border-color: #2e5e82;
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(46, 94, 130, 1);
+}
+
+.Input:focus + .Submit {
+  box-shadow: 0 0 0 2px rgba(46, 94, 130, 1);
+}
+
+.Results {
+  max-width: 600px;
+}
+
+.Submit {
+  padding: 0.5em 1em;
+  color: white;
+  font-weight: 700;
+  font-size: 1em;
+  font-family: 'Overpass', sans-serif;
+  background-color: #2e5e82;
+  border: none;
+  border-radius: 0 4px 4px 0;
+  box-shadow: 0 0 0 2px rgba(46, 94, 130, 0);
+  transition: box-shadow 150ms linear;
+  appearance: none;
+}
diff --git a/examples/snowpack/astro/components/Subnav.hmx b/examples/snowpack/astro/components/Subnav.hmx
index 327720597cf6..cbb49daa3e76 100644
--- a/examples/snowpack/astro/components/Subnav.hmx
+++ b/examples/snowpack/astro/components/Subnav.hmx
@@ -1,29 +1,78 @@
 <script astro>
-  export let props: { 
-    title: string, 
-    inputPath: string, 
-    headers: { text: string, slug: string }[] 
+  export let props: {
+    title: string,
+    inputPath: string,
+    headers: { text: string, slug: string }[]
   };
 </script>
 
+<style type="text/scss">
+@use "../../public/css/var" as *;
+
+.header {
+  margin-top: 0;
+  margin-bottom: 8px;
+  color: rgba($white, 0.6);
+  font-weight: 600;
+  font-size: 20px;
+  font-family: $heading;
+  line-height: 1.2em;
+
+  @media (min-width: $breakpoint-m) {
+    color: $dark-grey;
+  }
+}
+
+.subnav {
+  position: static;
+  z-index: 1;
+  padding-top: 2rem;
+
+  .header {
+    color: $dark-grey;
+  }
+
+  hr {
+    display: block;
+    height: 1px;
+    margin: 1rem 0;
+    background-color: $light-grey;
+    border: none;
+    appearance: none;
+  }
+
+  ol {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  li {
+    line-height: 1.8;
+  }
+
+  a {
+    color: $grey;
+  }
+}
+</style>
+
 <script type="module" defer src="/js/index.js"></script>
-<aside class="snow-toc snow-toc__subnav snow-view-subnav">
-  <h2 class="content-title">
-    {props.title}
-  </h2>
-
-  {props.headers.length > 0 && <div>
-    <h4 class="snow-toc-section-header">On this page</h4>
-    <nav class="toc">
-      <ol>
-        {props.headers.map((heading) => {
-        return <li><a href={"#" + heading.slug}>{heading.text}</a></li>
-        })}
-      </ol>
-    </nav>
-    <hr />
-  </div>}
-
-  <h4 class="snow-toc-section-header">Suggest a change</h4>
+<aside class="subnav">
+  {props.headers.length > 0 && (
+    <div>
+      <h4 class="header">On this page</h4>
+      <nav class="toc">
+        <ol>
+          {props.headers.map((heading) => {
+          return <li><a href={"#" + heading.slug}>{heading.text}</a></li>
+          })}
+        </ol>
+      </nav>
+      <hr />
+    </div>
+  )}
+
+  <h4 class="header">Suggest a change</h4>
   <a href="https://github.com/snowpackjs/snowpack/blob/main/www/{props.inputPath}">Edit this page on GitHub</a>
-</aside>
\ No newline at end of file
+</aside>
diff --git a/examples/snowpack/astro/layouts/post.hmx b/examples/snowpack/astro/layouts/post.hmx
index aca8fc6c00e6..357af9c68d91 100644
--- a/examples/snowpack/astro/layouts/post.hmx
+++ b/examples/snowpack/astro/layouts/post.hmx
@@ -36,22 +36,10 @@
     }
   }
 
-
-
-
   .markdown-body table td:nth-child(1) {
     white-space: nowrap;
   }
 
-  .grid-body {
-    padding: 4rem 0;
-  }
-
-  .grid-body-header h1 {
-    margin-bottom: 1rem;
-    margin-top: 1rem;
-  }
-
   .markdown-body,
   .fbody-header {
     max-width: 840px;
@@ -67,7 +55,6 @@
   }
 
   @media (max-width: 860px) {
-
     .markdown-body,
     .toc {
       padding: 1em;
@@ -75,7 +62,6 @@
   }
 
   @media (max-width: 740px) {
-
     .markdown-body img,
     .markdown-body iframe {
       max-width: 108%;
@@ -87,18 +73,17 @@
       padding: 20px 0 0 0;
     }
 
-    .header-snowpack {
-      font-size: 3.5rem;
-      text-align: center;
-    }
+  .header-snowpack {
+    font-size: 3.5rem;
+    text-align: center;
+  }
 
-    .markdown-body h1 {
-      font-size: 3.5em;
-    }
+  .markdown-body h1 {
+    font-size: 3.5em;
+  }
 
-    .markdown-body h3 .header-link {
-      opacity: 1;
-    }
+  .markdown-body h3 .header-link {
+    opacity: 1;
   }
 </style>
 
@@ -138,4 +123,4 @@
   <article class="markdown-body">
     <slot></slot>
   </article>
-</div>
\ No newline at end of file
+</div>
diff --git a/examples/snowpack/astro/pages/index.hmx b/examples/snowpack/astro/pages/index.hmx
index 82568f246b91..5d4f0ffe10b8 100644
--- a/examples/snowpack/astro/pages/index.hmx
+++ b/examples/snowpack/astro/pages/index.hmx
@@ -4,18 +4,63 @@
 
   export const layout = 'layouts/base.hmx';
   export function setup({ context }) {
-    return {}
+    return {};
   }
 </script>
 
 <astro:head>
   <meta charset="AAA" />
+  <style type="text/scss">
+    @use '../../public/css/var' as *;
+
+    .top {
+      text-align: left;
+    }
+
+    .bullets {
+      display: grid;
+      grid-row-gap: 1em;
+      grid-column-gap: 2em;
+      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+      margin: 2.5em 0 !important;
+      padding: 0.1em !important;
+      list-style: none;
+
+      h3 {
+        margin: 0 0 0.25em 0;
+        font-size: 1.25em;
+      }
+    }
+
+    .bullet {
+      display: list-item;
+      padding: 0.25em;
+      border-radius: 4px;
+
+      &::before {
+        display: block;
+        float: left;
+        margin-right: 6px;
+        color: green !important;
+        content: '✅';
+      }
+    }
+
+    .buttons {
+      margin: 2em 0;
+      text-align: center;
+    }
+
+    .feature-button {
+      display: inline-block;
+      margin: 0.5em;
+    }
+  </style>
 </astro:head>
-<Hero bar={context.title}></Hero>
+<Hero bar="{context.title}"></Hero>
 
-<div foo={context.title} class="container" style="margin: 0 auto">
+<div foo="{context.title}" class="container" style="margin: 0 auto">
   <section class="snow-view__docs is-full is-home">
-
     <aside id="nav-primary" class="snow-view-nav">
       <Menu></Menu>
     </aside>
@@ -23,21 +68,36 @@
     <article class="snow-view-main">
       <div class="content">
         <article class="grid-body">
-          <a class="img-banner" href="https://osawards.com/javascript/2020" target="_blank" rel="noopener noreferrer">
-            <img src="/img/JSAwardWinner.png" alt="2020 JavaScript Open Source Award Winner banner" />
+          <a
+            class="img-banner"
+            href="https://osawards.com/javascript/2020"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <img
+              src="/img/JSAwardWinner.png"
+              alt="2020 JavaScript Open Source Award Winner banner"
+            />
           </a>
 
           <div class="content markdown-body feature-list">
             <div class="feature-list-top">
               <p>
-                <strong>Snowpack is a lightning-fast frontend build tool, designed for the modern web.</strong>
-                It is an alternative to heavier, more complex bundlers like webpack or Parcel in your development
-                workflow. Snowpack leverages JavaScript's native module system (<a
-                  href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import">known
-                  as
-                  ESM</a>) to avoid unnecessary work and stay fast no matter how big your project grows.
+                <strong
+                  >Snowpack is a lightning-fast frontend build tool, designed
+                  for the modern web.</strong
+                >
+                It is an alternative to heavier, more complex bundlers like
+                webpack or Parcel in your development workflow. Snowpack
+                leverages JavaScript's native module system (<a
+                  href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import"
+                  >known as ESM</a
+                >) to avoid unnecessary work and stay fast no matter how big
+                your project grows.
+              </p>
+              <p>
+                Once you try it, it's impossible to go back to anything else.
               </p>
-              <p>Once you try it, it's impossible to go back to anything else.</p>
             </div>
 
             <ul class="feature-list-bullets">
@@ -49,23 +109,28 @@
               </li>
               <li class="feature-list-bullet">
                 <h3>Build once, cache forever</h3>
-                Snowpack never builds the same file twice. Powered by JavaScript’s native module system (ESM) in the
-                browser.
+                Snowpack never builds the same file twice. Powered by
+                JavaScript’s native module system (ESM) in the browser.
               </li>
               <li class="feature-list-bullet">
                 <h3>HMR feat. Fast Refresh</h3>
-                No refresh required. See changes reflected instantly in the browser with
-                <a href="/concepts/hot-module-replacement">HMR + Fast Refresh</a>
+                No refresh required. See changes reflected instantly in the
+                browser with
+                <a href="/concepts/hot-module-replacement"
+                  >HMR + Fast Refresh</a
+                >
                 for React, Preact & Svelte.
               </li>
               <li class="feature-list-bullet">
                 <h3>Out-of-the-box support</h3>
-                Enjoy Snowpack's built-in support for JSX, TypeScript, React, Preact, CSS Modules
+                Enjoy Snowpack's built-in support for JSX, TypeScript, React,
+                Preact, CSS Modules
                 <a href="/reference/supported-files">and more.</a>
               </li>
               <li class="feature-list-bullet">
                 <h3>Optimize for production</h3>
-                Build for production with built-in optimizations and plugin support for your favorite bundlers.
+                Build for production with built-in optimizations and plugin
+                support for your favorite bundlers.
               </li>
               <li class="feature-list-bullet">
                 <h3>Plugins? Plugins!</h3>
@@ -77,17 +142,27 @@
             </ul>
 
             <div class="feature-list-buttons">
-              <a href="/tutorials/quick-start" class="button button-primary feature-list-button">Get started</a>
-              <a href="/concepts/how-snowpack-works" class="button feature-list-button">Learn more</a>
+              <a
+                href="/tutorials/quick-start"
+                class="button button-primary feature-list-button"
+                >Get started</a
+              >
+              <a
+                href="/concepts/how-snowpack-works"
+                class="button feature-list-button"
+                >Learn more</a
+              >
             </div>
-
           </div>
         </article>
       </div>
-
     </article>
   </section>
 </div>
 
 <!-- Place this tag in your head or just before your close body tag. -->
-<script async="async" defer="defer" src="https://buttons.github.io/buttons.js"></script>
\ No newline at end of file
+<script
+  async="async"
+  defer="defer"
+  src="https://buttons.github.io/buttons.js"
+></script>
diff --git a/examples/snowpack/astro/pages/plugins.hmx b/examples/snowpack/astro/pages/plugins.hmx
index 31dd04b49abd..75a1645be303 100644
--- a/examples/snowpack/astro/pages/plugins.hmx
+++ b/examples/snowpack/astro/pages/plugins.hmx
@@ -1,4 +1,46 @@
+<style type="text/scss">
+  .intro {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    line-height: 1.5;
+    text-align: left;
+
+    a {
+      color: #2e5e82;
+    }
+  }
+
+  .subheading {
+    margin-top: -2.5rem;
+    margin-bottom: 0;
+    color: #2e5e82;
+    font-weight: 500;
+    font-size: 1em;
+    font-family: 'Overpass', sans-serif;
+    letter-spacing: -0.02em;
+    text-align: left;
+
+    @media (min-width: 600px) {
+      font-size: 1.5em;
+    }
+  }
+
+  .zero-heading {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+    font-weight: 700;
+    font-size: 1.4em;
+    text-align: left;
+
+    @media (min-width: 600px) {
+      font-size: 1.5em;
+    }
+  }
+</style>
+
 <script astro>
+  import news from '../data/news.json';
+  import users from '../data/users.json';
   import PluginSearchPage from '../components/PluginSearchPage.jsx';
 
   export const layout = 'layouts/main.hmx';
@@ -7,20 +49,22 @@
     return {
       context: {
         title: 'The Snowpack Plugin Catalog',
-        description: 'Snowpack plugins allow for configuration-minimal tooling integration.',
-      }
+        description:
+          'Snowpack plugins allow for configuration-minimal tooling integration.',
+      },
     };
   }
 </script>
 
-<h2 class="content-title">
-  { context.title }
-</h2>
+<h2 class="content-title">{ context.title }</h2>
 
-<h3 class="pluginPage-subheading">Customize Snowpack with optimized build plugins.</h3>
-<p class="pluginPage-intro">To learn more about our plugin system, check out the
+<h3 class="pluginPage-subheading">
+  Customize Snowpack with optimized build plugins.
+</h3>
+<p class="pluginPage-intro">
+  To learn more about our plugin system, check out the
   <a href="/reference/plugins">Plugin API.</a><br />Can't find what you need?
   <a href="/reference/plugins">Creating your own plugin is easy!</a>
 </p>
 
-<PluginSearchPage:dynamic />
\ No newline at end of file
+<PluginSearchPage:dynamic />
diff --git a/examples/snowpack/package-lock.json b/examples/snowpack/package-lock.json
index e4dbc089364b..d5d9e09a9ce8 100644
--- a/examples/snowpack/package-lock.json
+++ b/examples/snowpack/package-lock.json
@@ -642,6 +642,12 @@
         "fastq": "^1.6.0"
       }
     },
+    "@sindresorhus/is": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
+      "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==",
+      "dev": true
+    },
     "@snowpack/plugin-postcss": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@snowpack/plugin-postcss/-/plugin-postcss-1.2.0.tgz",
@@ -713,6 +719,15 @@
         "unist-util-find-all-after": "^3.0.2"
       }
     },
+    "@szmarczak/http-timer": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
+      "integrity": "sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==",
+      "dev": true,
+      "requires": {
+        "defer-to-connect": "^1.0.1"
+      }
+    },
     "@types/babel-types": {
       "version": "7.0.9",
       "resolved": "https://registry.npmjs.org/@types/babel-types/-/babel-types-7.0.9.tgz",
@@ -1071,6 +1086,55 @@
         }
       }
     },
+    "ansi-align": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.0.tgz",
+      "integrity": "sha512-ZpClVKqXN3RGBmKibdfWzqCY4lnjEuoNzU5T0oEFpfd/z5qJHVarukridD4juLO2FXMiwUQxr9WqQtaYa8XRYw==",
+      "dev": true,
+      "requires": {
+        "string-width": "^3.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
+          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+          "dev": true
+        },
+        "emoji-regex": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "string-width": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^7.0.1",
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^5.1.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        }
+      }
+    },
     "ansi-regex": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
@@ -1201,6 +1265,7 @@
     },
     "astro": {
       "version": "file:../..",
+      "dev": true,
       "requires": {
         "@types/estree": "0.0.46",
         "@types/node": "^14.14.31",
@@ -1213,6 +1278,7 @@
         "deepmerge": "^4.2.2",
         "domhandler": "^4.0.0",
         "es-module-lexer": "^0.4.1",
+        "github-slugger": "^1.3.0",
         "gray-matter": "^4.0.2",
         "htmlparser2": "^6.0.0",
         "kleur": "^4.1.4",
@@ -1220,12 +1286,12 @@
         "magic-string": "^0.25.3",
         "micromark": "^2.11.4",
         "micromark-extension-gfm": "^0.3.3",
+        "node-fetch": "^2.6.1",
         "postcss": "^8.2.8",
         "postcss-modules": "^4.0.0",
         "react": "^17.0.1",
         "react-dom": "^17.0.1",
         "sass": "^1.32.8",
-        "snowpack": "^3.1.0-pre.13",
         "svelte": "^3.35.0",
         "vue": "^3.0.7",
         "yargs-parser": "^20.2.7"
@@ -1290,12 +1356,14 @@
         "@babel/parser": {
           "version": "7.13.10",
           "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.10.tgz",
-          "integrity": "sha512-0s7Mlrw9uTWkYua7xWr99Wpk2bnGa0ANleKfksYAES8LpWH4gW1OUr42vqKNf0us5UQNfru2wPqMqRITzq/SIQ=="
+          "integrity": "sha512-0s7Mlrw9uTWkYua7xWr99Wpk2bnGa0ANleKfksYAES8LpWH4gW1OUr42vqKNf0us5UQNfru2wPqMqRITzq/SIQ==",
+          "dev": true
         },
         "@babel/types": {
           "version": "7.13.0",
           "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
           "integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
+          "dev": true,
           "requires": {
             "@babel/helper-validator-identifier": "^7.12.11",
             "lodash": "^4.17.19",
@@ -1377,7 +1445,8 @@
         "@types/estree": {
           "version": "0.0.46",
           "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.46.tgz",
-          "integrity": "sha512-laIjwTQaD+5DukBZaygQ79K1Z0jb1bPEMRrkXSLjtCcZm+abyp5YbrqpSLzD42FwWW6gK/aS4NYpJ804nG2brg=="
+          "integrity": "sha512-laIjwTQaD+5DukBZaygQ79K1Z0jb1bPEMRrkXSLjtCcZm+abyp5YbrqpSLzD42FwWW6gK/aS4NYpJ804nG2brg==",
+          "dev": true
         },
         "@types/json-schema": {
           "version": "7.0.7",
@@ -1507,6 +1576,7 @@
           "version": "3.0.7",
           "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.7.tgz",
           "integrity": "sha512-JFohgBXoyUc3mdeI2WxlhjQZ5fakfemJkZHX8Gu/nFbEg3+lKVUZmNKWmmnp9aOzJQZKoj77LjmFxiP+P+7lMQ==",
+          "dev": true,
           "requires": {
             "@babel/parser": "^7.12.0",
             "@babel/types": "^7.12.0",
@@ -1518,7 +1588,8 @@
             "estree-walker": {
               "version": "2.0.2",
               "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-              "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+              "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+              "dev": true
             }
           }
         },
@@ -1526,6 +1597,7 @@
           "version": "3.0.7",
           "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.7.tgz",
           "integrity": "sha512-VnIH9EbWQm/Tkcp+8dCaNVsVvhm/vxCrIKWRkXY9215hTqOqQOvejT8IMjd2kc++nIsYMsdQk6H9qqBvoLe/Cw==",
+          "dev": true,
           "requires": {
             "@vue/compiler-core": "3.0.7",
             "@vue/shared": "3.0.7"
@@ -1535,6 +1607,7 @@
           "version": "3.0.7",
           "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.7.tgz",
           "integrity": "sha512-nHRbHeSpfXwjypettjrA16TjgfDcPEwq3m/zHnGyLC1QqdLtklXmpSM43/CPwwTCRa/qdt0pldJf22MiCEuTSQ==",
+          "dev": true,
           "requires": {
             "@vue/compiler-dom": "3.0.7",
             "@vue/shared": "3.0.7"
@@ -1544,6 +1617,7 @@
           "version": "3.0.7",
           "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.7.tgz",
           "integrity": "sha512-FotWcNNaKhqpFZrdgsUOZ1enlJ5lhTt01CNTtLSyK7jYFgZBTuw8vKsEutZKDYZ1XKotOfoeO8N3pZQqmM6Etw==",
+          "dev": true,
           "requires": {
             "@vue/shared": "3.0.7"
           }
@@ -1552,6 +1626,7 @@
           "version": "3.0.7",
           "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.7.tgz",
           "integrity": "sha512-DBAZAwVvdmMXuyd6/9qqj/kYr/GaLTmn1L2/QLxLwP+UfhIboiTSBc/tUUb8MRk7Bb98GzNeAWkkT6AfooS3dQ==",
+          "dev": true,
           "requires": {
             "@vue/reactivity": "3.0.7",
             "@vue/shared": "3.0.7"
@@ -1561,6 +1636,7 @@
           "version": "3.0.7",
           "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.7.tgz",
           "integrity": "sha512-Oij4ruOtnpQpCj+/Q3JPzgpTJ1Q7+N67pA53A8KVITEtxfvKL46NN6dhAZ5NGqwX6RWZpYqWQNewITeF0pHr8g==",
+          "dev": true,
           "requires": {
             "@vue/runtime-core": "3.0.7",
             "@vue/shared": "3.0.7",
@@ -1571,6 +1647,7 @@
           "version": "3.0.7",
           "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.0.7.tgz",
           "integrity": "sha512-3idEbDTQ0GSPgGTiM9Ml4IwPOityotTRUyrDttAyFoSz6DI1RvE1QR0nSQR7TMgMDXwbO22gf+nMYVkj7c9VRg==",
+          "dev": true,
           "requires": {
             "@vue/compiler-ssr": "3.0.7",
             "@vue/shared": "3.0.7"
@@ -1579,7 +1656,8 @@
         "@vue/shared": {
           "version": "3.0.7",
           "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.7.tgz",
-          "integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg=="
+          "integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg==",
+          "dev": true
         },
         "abbrev": {
           "version": "1.1.1",
@@ -1685,12 +1763,14 @@
         "astring": {
           "version": "1.7.0",
           "resolved": "https://registry.npmjs.org/astring/-/astring-1.7.0.tgz",
-          "integrity": "sha512-43bervUZNvahG1v74a+POdGlAWcOUGSvP9fJVj6sywzM/SquwDkA+CdP938e8tWHUV77fStCiqzaQHAt0u6MVA=="
+          "integrity": "sha512-43bervUZNvahG1v74a+POdGlAWcOUGSvP9fJVj6sywzM/SquwDkA+CdP938e8tWHUV77fStCiqzaQHAt0u6MVA==",
+          "dev": true
         },
         "autoprefixer": {
           "version": "10.2.5",
           "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.2.5.tgz",
           "integrity": "sha512-7H4AJZXvSsn62SqZyJCP+1AWwOuoYpUfK6ot9vm0e87XD6mT8lDywc9D9OTJPMULyGcvmIxzTAMeG2Cc+YX+fA==",
+          "dev": true,
           "requires": {
             "browserslist": "^4.16.3",
             "caniuse-lite": "^1.0.30001196",
@@ -1705,15 +1785,11 @@
           "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
           "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
         },
-        "big-integer": {
-          "version": "1.6.48",
-          "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.48.tgz",
-          "integrity": "sha512-j51egjPa7/i+RdiRuJbPdJ2FIUYYPhvYLjzoYbcMMm62ooO6F94fETG4MTs46zPAF9Brs04OajboA/qTGuz78w=="
-        },
         "big.js": {
           "version": "5.2.2",
           "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-          "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ=="
+          "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+          "dev": true
         },
         "binary-extensions": {
           "version": "2.2.0",
@@ -1740,14 +1816,6 @@
             "widest-line": "^3.1.0"
           }
         },
-        "bplist-parser": {
-          "version": "0.1.1",
-          "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.1.1.tgz",
-          "integrity": "sha1-1g1dzCDLptx+HymbNdPh+V2vuuY=",
-          "requires": {
-            "big-integer": "^1.6.7"
-          }
-        },
         "brace-expansion": {
           "version": "1.1.11",
           "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -1769,6 +1837,7 @@
           "version": "4.16.3",
           "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
           "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
+          "dev": true,
           "requires": {
             "caniuse-lite": "^1.0.30001181",
             "colorette": "^1.2.1",
@@ -1819,7 +1888,8 @@
         "caniuse-lite": {
           "version": "1.0.30001202",
           "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001202.tgz",
-          "integrity": "sha512-ZcijQNqrcF8JNLjzvEiXqX4JUYxoZa7Pvcsd9UD8Kz4TvhTonOSNRsK+qtvpVL4l6+T1Rh4LFtLfnNWg6BGWCQ=="
+          "integrity": "sha512-ZcijQNqrcF8JNLjzvEiXqX4JUYxoZa7Pvcsd9UD8Kz4TvhTonOSNRsK+qtvpVL4l6+T1Rh4LFtLfnNWg6BGWCQ==",
+          "dev": true
         },
         "chalk": {
           "version": "3.0.0",
@@ -1848,17 +1918,20 @@
         "character-entities": {
           "version": "1.2.4",
           "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
-          "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw=="
+          "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==",
+          "dev": true
         },
         "character-entities-legacy": {
           "version": "1.1.4",
           "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
-          "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA=="
+          "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==",
+          "dev": true
         },
         "character-reference-invalid": {
           "version": "1.1.4",
           "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz",
-          "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg=="
+          "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==",
+          "dev": true
         },
         "cheerio": {
           "version": "1.0.0-rc.5",
@@ -1911,11 +1984,6 @@
           "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
           "integrity": "sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw=="
         },
-        "cli-spinners": {
-          "version": "2.5.0",
-          "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.5.0.tgz",
-          "integrity": "sha512-PC+AmIuK04E6aeSs/pUccSujsTzBhu4HzC2dL+CfJB/Jcc2qTRbEwZQDfIUpt2Xl8BodYBEq8w4fc0kU2I9DjQ=="
-        },
         "cliui": {
           "version": "7.0.4",
           "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
@@ -1965,7 +2033,8 @@
         "colorette": {
           "version": "1.2.2",
           "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.2.tgz",
-          "integrity": "sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w=="
+          "integrity": "sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==",
+          "dev": true
         },
         "concat-map": {
           "version": "0.0.1",
@@ -2085,6 +2154,7 @@
           "version": "1.1.2",
           "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.2.tgz",
           "integrity": "sha512-wCoWush5Aeo48GLhfHPbmvZs59Z+M7k5+B1xDnXbdWNcEF423DoFdqSWE0PM5aNk5nI5cp1q7ms36zGApY/sKQ==",
+          "dev": true,
           "requires": {
             "mdn-data": "2.0.14",
             "source-map": "^0.6.1"
@@ -2098,12 +2168,14 @@
         "cssesc": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-          "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
+          "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+          "dev": true
         },
         "csstype": {
           "version": "2.6.16",
           "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.16.tgz",
-          "integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q=="
+          "integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q==",
+          "dev": true
         },
         "date-fns": {
           "version": "2.19.0",
@@ -2139,27 +2211,8 @@
         "deepmerge": {
           "version": "4.2.2",
           "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
-          "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
-        },
-        "default-browser-id": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-2.0.0.tgz",
-          "integrity": "sha1-AezONxpx6F8VoXF354YwR+c9vn0=",
-          "requires": {
-            "bplist-parser": "^0.1.0",
-            "pify": "^2.3.0",
-            "untildify": "^2.0.0"
-          },
-          "dependencies": {
-            "untildify": {
-              "version": "2.1.0",
-              "resolved": "https://registry.npmjs.org/untildify/-/untildify-2.1.0.tgz",
-              "integrity": "sha1-F+soB5h/dpUunASF/DEdBqgmouA=",
-              "requires": {
-                "os-homedir": "^1.0.0"
-              }
-            }
-          }
+          "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
+          "dev": true
         },
         "defer-to-connect": {
           "version": "1.1.3",
@@ -2248,7 +2301,8 @@
         "electron-to-chromium": {
           "version": "1.3.691",
           "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.691.tgz",
-          "integrity": "sha512-ZqiO69KImmOGCyoH0icQPU3SndJiW93juEvf63gQngyhODO6SpQIPMTOHldtCs5DS5GMKvAkquk230E2zt2vpw=="
+          "integrity": "sha512-ZqiO69KImmOGCyoH0icQPU3SndJiW93juEvf63gQngyhODO6SpQIPMTOHldtCs5DS5GMKvAkquk230E2zt2vpw==",
+          "dev": true
         },
         "emoji-regex": {
           "version": "8.0.0",
@@ -2258,7 +2312,8 @@
         "emojis-list": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
-          "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q=="
+          "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+          "dev": true
         },
         "end-of-stream": {
           "version": "1.4.4",
@@ -2292,12 +2347,8 @@
         "es-module-lexer": {
           "version": "0.4.1",
           "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.4.1.tgz",
-          "integrity": "sha512-ooYciCUtfw6/d2w56UVeqHPcoCFAiJdz5XOkYpv/Txl1HMUozpXjz/2RIQgqwKdXNDPSF1W7mJCFse3G+HDyAA=="
-        },
-        "esbuild": {
-          "version": "0.8.57",
-          "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.8.57.tgz",
-          "integrity": "sha512-j02SFrUwFTRUqiY0Kjplwjm1psuzO1d6AjaXKuOR9hrY0HuPsT6sV42B6myW34h1q4CRy+Y3g4RU/cGJeI/nNA=="
+          "integrity": "sha512-ooYciCUtfw6/d2w56UVeqHPcoCFAiJdz5XOkYpv/Txl1HMUozpXjz/2RIQgqwKdXNDPSF1W7mJCFse3G+HDyAA==",
+          "dev": true
         },
         "escalade": {
           "version": "3.1.1",
@@ -2534,6 +2585,7 @@
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
           "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
           "requires": {
             "is-extendable": "^0.1.0"
           }
@@ -2612,7 +2664,8 @@
         "fraction.js": {
           "version": "4.0.13",
           "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.0.13.tgz",
-          "integrity": "sha512-E1fz2Xs9ltlUp+qbiyx9wmt2n9dRzPsS11Jtdb8D2o+cC7wr9xkkKsVKJuBX0ST+LVS+LhLO+SbLJNtfWcJvXA=="
+          "integrity": "sha512-E1fz2Xs9ltlUp+qbiyx9wmt2n9dRzPsS11Jtdb8D2o+cC7wr9xkkKsVKJuBX0ST+LVS+LhLO+SbLJNtfWcJvXA==",
+          "dev": true
         },
         "fs.realpath": {
           "version": "1.0.0",
@@ -2639,6 +2692,7 @@
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-2.0.1.tgz",
           "integrity": "sha512-kPCHWa1m9wGG/OwQpeweTwM/PYiQLrUIxXbt/P4Nic3LbGjCP0YwrALHW1uNLKZ0LIMg+RF+XRlj2ekT9ZlZAQ==",
+          "dev": true,
           "requires": {
             "loader-utils": "^1.1.0"
           }
@@ -2656,6 +2710,23 @@
             "pump": "^3.0.0"
           }
         },
+        "github-slugger": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.3.0.tgz",
+          "integrity": "sha512-gwJScWVNhFYSRDvURk/8yhcFBee6aFjye2a7Lhb2bUyRulpIoek9p0I9Kt7PT67d/nUlZbFu8L9RLiA0woQN8Q==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": ">=6.0.0 <=6.1.1"
+          },
+          "dependencies": {
+            "emoji-regex": {
+              "version": "6.1.1",
+              "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-6.1.1.tgz",
+              "integrity": "sha1-xs0OwbBkLio8Z6ETfvxeeW2k+I4=",
+              "dev": true
+            }
+          }
+        },
         "glob": {
           "version": "7.1.6",
           "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
@@ -2740,6 +2811,7 @@
           "version": "4.0.2",
           "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.2.tgz",
           "integrity": "sha512-7hB/+LxrOjq/dd8APlK0r24uL/67w7SkYnfwhNFwg/VDIGWGmduTDYf3WNstLW2fbbmRwrDGCVSJ2isuf2+4Hw==",
+          "dev": true,
           "requires": {
             "js-yaml": "^3.11.0",
             "kind-of": "^6.0.2",
@@ -2821,12 +2893,14 @@
         "icss-replace-symbols": {
           "version": "1.1.0",
           "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
-          "integrity": "sha1-Bupvg2ead0njhs/h/oEq5dsiPe0="
+          "integrity": "sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=",
+          "dev": true
         },
         "icss-utils": {
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
-          "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA=="
+          "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
+          "dev": true
         },
         "ignore": {
           "version": "5.1.8",
@@ -2860,7 +2934,8 @@
         "indexes-of": {
           "version": "1.0.1",
           "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
-          "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc="
+          "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=",
+          "dev": true
         },
         "inflight": {
           "version": "1.0.6",
@@ -2884,12 +2959,14 @@
         "is-alphabetical": {
           "version": "1.0.4",
           "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
-          "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg=="
+          "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==",
+          "dev": true
         },
         "is-alphanumerical": {
           "version": "1.0.4",
           "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
           "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
+          "dev": true,
           "requires": {
             "is-alphabetical": "^1.0.0",
             "is-decimal": "^1.0.0"
@@ -2927,17 +3004,14 @@
         "is-decimal": {
           "version": "1.0.4",
           "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
-          "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw=="
-        },
-        "is-docker": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.1.1.tgz",
-          "integrity": "sha512-ZOoqiXfEwtGknTiuDEy8pN2CfE3TxMHprvNer1mXiqwkOT77Rw3YVrUQ52EqAOU3QAWDQ+bQdx7HJzrv7LS2Hw=="
+          "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==",
+          "dev": true
         },
         "is-extendable": {
           "version": "0.1.1",
           "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
-          "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik="
+          "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=",
+          "dev": true
         },
         "is-extglob": {
           "version": "2.1.1",
@@ -2960,7 +3034,8 @@
         "is-hexadecimal": {
           "version": "1.0.4",
           "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz",
-          "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw=="
+          "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==",
+          "dev": true
         },
         "is-installed-globally": {
           "version": "0.3.2",
@@ -2996,14 +3071,6 @@
           "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
           "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
         },
-        "is-wsl": {
-          "version": "2.2.0",
-          "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-          "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-          "requires": {
-            "is-docker": "^2.0.0"
-          }
-        },
         "is-yarn-global": {
           "version": "0.3.0",
           "resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
@@ -3057,6 +3124,7 @@
           "version": "1.0.1",
           "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
           "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+          "dev": true,
           "requires": {
             "minimist": "^1.2.0"
           }
@@ -3072,7 +3140,8 @@
         "kind-of": {
           "version": "6.0.3",
           "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+          "dev": true
         },
         "kleur": {
           "version": "4.1.4",
@@ -3105,6 +3174,7 @@
           "version": "1.4.0",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
           "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+          "dev": true,
           "requires": {
             "big.js": "^5.2.2",
             "emojis-list": "^3.0.0",
@@ -3114,7 +3184,8 @@
         "locate-character": {
           "version": "2.0.5",
           "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-2.0.5.tgz",
-          "integrity": "sha512-n2GmejDXtOPBAZdIiEFy5dJ5N38xBCXLNOtw2WpB9kGh6pnrEuKlwYI+Tkpofc4wDtVXHtoAOJaMRlYG/oYaxg=="
+          "integrity": "sha512-n2GmejDXtOPBAZdIiEFy5dJ5N38xBCXLNOtw2WpB9kGh6pnrEuKlwYI+Tkpofc4wDtVXHtoAOJaMRlYG/oYaxg==",
+          "dev": true
         },
         "lodash": {
           "version": "4.17.21",
@@ -3124,12 +3195,14 @@
         "lodash.camelcase": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
-          "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY="
+          "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY=",
+          "dev": true
         },
         "loose-envify": {
           "version": "1.4.0",
           "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
           "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+          "dev": true,
           "requires": {
             "js-tokens": "^3.0.0 || ^4.0.0"
           }
@@ -3151,6 +3224,7 @@
           "version": "0.25.7",
           "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz",
           "integrity": "sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==",
+          "dev": true,
           "requires": {
             "sourcemap-codec": "^1.4.4"
           }
@@ -3173,7 +3247,8 @@
         "mdn-data": {
           "version": "2.0.14",
           "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
-          "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
+          "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+          "dev": true
         },
         "merge2": {
           "version": "1.4.1",
@@ -3184,6 +3259,7 @@
           "version": "2.11.4",
           "resolved": "https://registry.npmjs.org/micromark/-/micromark-2.11.4.tgz",
           "integrity": "sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==",
+          "dev": true,
           "requires": {
             "debug": "^4.0.0",
             "parse-entities": "^2.0.0"
@@ -3193,6 +3269,7 @@
           "version": "0.3.3",
           "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-0.3.3.tgz",
           "integrity": "sha512-oVN4zv5/tAIA+l3GbMi7lWeYpJ14oQyJ3uEim20ktYFAcfX1x3LNlFGGlmrZHt7u9YlKExmyJdDGaTt6cMSR/A==",
+          "dev": true,
           "requires": {
             "micromark": "~2.11.0",
             "micromark-extension-gfm-autolink-literal": "~0.5.0",
@@ -3206,6 +3283,7 @@
           "version": "0.5.6",
           "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-0.5.6.tgz",
           "integrity": "sha512-nHbR1NUOVhmlZNsnhE5B7WJzL7Xd8lc888z4AF27IpHMtO3NstclZmbrMI+AcdTPpO1wuGVwlK1Cnq+n8Sxlrw==",
+          "dev": true,
           "requires": {
             "micromark": "~2.11.3"
           }
@@ -3214,6 +3292,7 @@
           "version": "0.6.5",
           "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-0.6.5.tgz",
           "integrity": "sha512-PpOKlgokpQRwUesRwWEp+fHjGGkZEejj83k9gU5iXCbDG+XBA92BqnRKYJdfqfkrRcZRgGuPuXb7DaK/DmxOhw==",
+          "dev": true,
           "requires": {
             "micromark": "~2.11.0"
           }
@@ -3222,6 +3301,7 @@
           "version": "0.4.3",
           "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-0.4.3.tgz",
           "integrity": "sha512-hVGvESPq0fk6ALWtomcwmgLvH8ZSVpcPjzi0AjPclB9FsVRgMtGZkUcpE0zgjOCFAznKepF4z3hX8z6e3HODdA==",
+          "dev": true,
           "requires": {
             "micromark": "~2.11.0"
           }
@@ -3229,12 +3309,14 @@
         "micromark-extension-gfm-tagfilter": {
           "version": "0.3.0",
           "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-0.3.0.tgz",
-          "integrity": "sha512-9GU0xBatryXifL//FJH+tAZ6i240xQuFrSL7mYi8f4oZSbc+NvXjkrHemeYP0+L4ZUT+Ptz3b95zhUZnMtoi/Q=="
+          "integrity": "sha512-9GU0xBatryXifL//FJH+tAZ6i240xQuFrSL7mYi8f4oZSbc+NvXjkrHemeYP0+L4ZUT+Ptz3b95zhUZnMtoi/Q==",
+          "dev": true
         },
         "micromark-extension-gfm-task-list-item": {
           "version": "0.3.3",
           "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-0.3.3.tgz",
           "integrity": "sha512-0zvM5iSLKrc/NQl84pZSjGo66aTGd57C1idmlWmE87lkMcXrTxg1uXa/nXomxJytoje9trP0NDLvw4bZ/Z/XCQ==",
+          "dev": true,
           "requires": {
             "micromark": "~2.11.0"
           }
@@ -3284,17 +3366,25 @@
         "nanoid": {
           "version": "3.1.22",
           "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.22.tgz",
-          "integrity": "sha512-/2ZUaJX2ANuLtTvqTlgqBQNJoQO398KyJgZloL0PZkC0dpysjncRUPsFe3DUPzz/y3h+u7C46np8RMuvF3jsSQ=="
+          "integrity": "sha512-/2ZUaJX2ANuLtTvqTlgqBQNJoQO398KyJgZloL0PZkC0dpysjncRUPsFe3DUPzz/y3h+u7C46np8RMuvF3jsSQ==",
+          "dev": true
         },
         "natural-compare": {
           "version": "1.4.0",
           "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
           "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc="
         },
+        "node-fetch": {
+          "version": "2.6.1",
+          "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz",
+          "integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==",
+          "dev": true
+        },
         "node-releases": {
           "version": "1.1.71",
           "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.71.tgz",
-          "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg=="
+          "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
+          "dev": true
         },
         "nodemon": {
           "version": "2.0.7",
@@ -3359,7 +3449,8 @@
         "normalize-range": {
           "version": "0.1.2",
           "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-          "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI="
+          "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
+          "dev": true
         },
         "normalize-url": {
           "version": "4.5.0",
@@ -3377,7 +3468,8 @@
         "object-assign": {
           "version": "4.1.1",
           "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-          "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
+          "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+          "dev": true
         },
         "once": {
           "version": "1.4.0",
@@ -3387,15 +3479,6 @@
             "wrappy": "1"
           }
         },
-        "open": {
-          "version": "7.4.2",
-          "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
-          "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
-          "requires": {
-            "is-docker": "^2.0.0",
-            "is-wsl": "^2.1.1"
-          }
-        },
         "optionator": {
           "version": "0.9.1",
           "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
@@ -3409,11 +3492,6 @@
             "word-wrap": "^1.2.3"
           }
         },
-        "os-homedir": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
-          "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M="
-        },
         "p-cancelable": {
           "version": "1.1.0",
           "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
@@ -3449,6 +3527,7 @@
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-2.0.0.tgz",
           "integrity": "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==",
+          "dev": true,
           "requires": {
             "character-entities": "^1.0.0",
             "character-entities-legacy": "^1.0.0",
@@ -3507,15 +3586,11 @@
           "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
           "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg=="
         },
-        "pify": {
-          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
-        },
         "postcss": {
           "version": "8.2.8",
           "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.2.8.tgz",
           "integrity": "sha512-1F0Xb2T21xET7oQV9eKuctbM9S7BC0fetoHCc4H13z0PT6haiRLP4T0ZY4XWh7iLP0usgqykT6p9B2RtOf4FPw==",
+          "dev": true,
           "requires": {
             "colorette": "^1.2.2",
             "nanoid": "^3.1.20",
@@ -3526,6 +3601,7 @@
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/postcss-modules/-/postcss-modules-4.0.0.tgz",
           "integrity": "sha512-ghS/ovDzDqARm4Zj6L2ntadjyQMoyJmi0JkLlYtH2QFLrvNlxH5OAVRPWPeKilB0pY7SbuhO173KOWkPAxRJcw==",
+          "dev": true,
           "requires": {
             "generic-names": "^2.0.1",
             "icss-replace-symbols": "^1.1.0",
@@ -3540,12 +3616,14 @@
         "postcss-modules-extract-imports": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
-          "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw=="
+          "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
+          "dev": true
         },
         "postcss-modules-local-by-default": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz",
           "integrity": "sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==",
+          "dev": true,
           "requires": {
             "icss-utils": "^5.0.0",
             "postcss-selector-parser": "^6.0.2",
@@ -3556,6 +3634,7 @@
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz",
           "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==",
+          "dev": true,
           "requires": {
             "postcss-selector-parser": "^6.0.4"
           }
@@ -3564,6 +3643,7 @@
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
           "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
+          "dev": true,
           "requires": {
             "icss-utils": "^5.0.0"
           }
@@ -3572,6 +3652,7 @@
           "version": "6.0.4",
           "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz",
           "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==",
+          "dev": true,
           "requires": {
             "cssesc": "^3.0.0",
             "indexes-of": "^1.0.1",
@@ -3582,7 +3663,8 @@
         "postcss-value-parser": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
-          "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ=="
+          "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
+          "dev": true
         },
         "preact": {
           "version": "10.5.12",
@@ -3682,6 +3764,7 @@
           "version": "17.0.1",
           "resolved": "https://registry.npmjs.org/react/-/react-17.0.1.tgz",
           "integrity": "sha512-lG9c9UuMHdcAexXtigOZLX8exLWkW0Ku29qPRU8uhF2R9BN96dLCt0psvzPLlHc5OWkgymP3qwTRgbnw5BKx3w==",
+          "dev": true,
           "requires": {
             "loose-envify": "^1.1.0",
             "object-assign": "^4.1.1"
@@ -3691,6 +3774,7 @@
           "version": "17.0.1",
           "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.1.tgz",
           "integrity": "sha512-6eV150oJZ9U2t9svnsspTMrWNyHc6chX0KzDeAOXftRa8bNeOKTTfCJ7KorIwenkHd2xqVTBTCZd79yk/lx/Ug==",
+          "dev": true,
           "requires": {
             "loose-envify": "^1.1.0",
             "object-assign": "^4.1.1",
@@ -3800,14 +3884,6 @@
             "glob": "^7.1.3"
           }
         },
-        "rollup": {
-          "version": "2.41.4",
-          "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.41.4.tgz",
-          "integrity": "sha512-f9IHfMO8p2Y8OdisI7Oj3oKkPuaQ6cgSwYqAi0TDvP3w2p+oX1VejX/w28a1h8WTnrapzfO5d4Uqhww+gL0b0g==",
-          "requires": {
-            "fsevents": "~2.3.1"
-          }
-        },
         "run-parallel": {
           "version": "1.2.0",
           "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -3836,6 +3912,7 @@
           "version": "1.32.8",
           "resolved": "https://registry.npmjs.org/sass/-/sass-1.32.8.tgz",
           "integrity": "sha512-Sl6mIeGpzjIUZqvKnKETfMf0iDAswD9TNlv13A7aAF3XZlRPMq4VvJWBC2N2DXbp94MQVdNSFG6LfF/iOXrPHQ==",
+          "dev": true,
           "requires": {
             "chokidar": ">=2.0.0 <4.0.0"
           }
@@ -3844,6 +3921,7 @@
           "version": "0.20.1",
           "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.1.tgz",
           "integrity": "sha512-LKTe+2xNJBNxu/QhHvDR14wUXHRQbVY5ZOYpOGWRzhydZUqrLb2JBvLPY7cAqFmqrWuDED0Mjk7013SZiOz6Bw==",
+          "dev": true,
           "requires": {
             "loose-envify": "^1.1.0",
             "object-assign": "^4.1.1"
@@ -3853,6 +3931,7 @@
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
           "integrity": "sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==",
+          "dev": true,
           "requires": {
             "extend-shallow": "^2.0.1",
             "kind-of": "^6.0.0"
@@ -3911,29 +3990,17 @@
             "is-fullwidth-code-point": "^3.0.0"
           }
         },
-        "snowpack": {
-          "version": "3.1.0-pre.13",
-          "resolved": "https://registry.npmjs.org/snowpack/-/snowpack-3.1.0-pre.13.tgz",
-          "integrity": "sha512-hvLMf+u5/T2sfrh8tIA+QkLwkqlUmvWEGuW3SccOB2yrKrY+4J9S+qOj8goJF62RrDRw567UyS8N3OQBKXdLqw==",
-          "requires": {
-            "cli-spinners": "^2.5.0",
-            "default-browser-id": "^2.0.0",
-            "esbuild": "^0.8.7",
-            "fsevents": "^2.2.0",
-            "open": "^7.0.4",
-            "resolve": "^1.20.0",
-            "rollup": "^2.34.0"
-          }
-        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
         },
         "sourcemap-codec": {
           "version": "1.4.8",
           "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-          "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+          "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+          "dev": true
         },
         "spawn-command": {
           "version": "0.0.2-1",
@@ -3976,7 +4043,8 @@
         "string-hash": {
           "version": "1.1.3",
           "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",
-          "integrity": "sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs="
+          "integrity": "sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs=",
+          "dev": true
         },
         "string-width": {
           "version": "4.2.2",
@@ -4019,7 +4087,8 @@
         "strip-bom-string": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
-          "integrity": "sha1-5SEekiQ2n7uB1jOi8ABE3IztrZI="
+          "integrity": "sha1-5SEekiQ2n7uB1jOi8ABE3IztrZI=",
+          "dev": true
         },
         "strip-json-comments": {
           "version": "2.0.1",
@@ -4037,7 +4106,8 @@
         "svelte": {
           "version": "3.35.0",
           "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.35.0.tgz",
-          "integrity": "sha512-gknlZkR2sXheu/X+B7dDImwANVvK1R0QGQLd8CNIfxxGPeXBmePnxfzb6fWwTQRsYQG7lYkZXvpXJvxvpsoB7g=="
+          "integrity": "sha512-gknlZkR2sXheu/X+B7dDImwANVvK1R0QGQLd8CNIfxxGPeXBmePnxfzb6fWwTQRsYQG7lYkZXvpXJvxvpsoB7g==",
+          "dev": true
         },
         "table": {
           "version": "6.0.7",
@@ -4124,7 +4194,8 @@
         "to-fast-properties": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-          "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4="
+          "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
+          "dev": true
         },
         "to-readable-stream": {
           "version": "1.0.0",
@@ -4222,7 +4293,8 @@
         "uniq": {
           "version": "1.0.1",
           "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
-          "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8="
+          "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
+          "dev": true
         },
         "unique-string": {
           "version": "2.0.0",
@@ -4308,6 +4380,7 @@
           "version": "3.0.7",
           "resolved": "https://registry.npmjs.org/vue/-/vue-3.0.7.tgz",
           "integrity": "sha512-8h4TikD+JabbMK9aRlBO4laG0AtNHRPHynxYgWZ9sq1YUPfzynd9Jeeb27XNyZytC7aCQRX9xe1+TQJuc181Tw==",
+          "dev": true,
           "requires": {
             "@vue/compiler-dom": "3.0.7",
             "@vue/runtime-dom": "3.0.7",
@@ -4747,6 +4820,30 @@
       "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
       "dev": true
     },
+    "boxen": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-4.2.0.tgz",
+      "integrity": "sha512-eB4uT9RGzg2odpER62bBwSLvUeGC+WbRjjyyFhGsKnc8wp/m0+hQsMUvUe3H2V0D5vw0nBdO1hCJoZo5mKeuIQ==",
+      "dev": true,
+      "requires": {
+        "ansi-align": "^3.0.0",
+        "camelcase": "^5.3.1",
+        "chalk": "^3.0.0",
+        "cli-boxes": "^2.2.0",
+        "string-width": "^4.1.0",
+        "term-size": "^2.1.0",
+        "type-fest": "^0.8.1",
+        "widest-line": "^3.1.0"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "0.8.1",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+          "dev": true
+        }
+      }
+    },
     "bplist-parser": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.1.1.tgz",
@@ -4906,6 +5003,38 @@
         "unset-value": "^1.0.0"
       }
     },
+    "cacheable-request": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-6.1.0.tgz",
+      "integrity": "sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==",
+      "dev": true,
+      "requires": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^3.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^4.1.0",
+        "responselike": "^1.0.2"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+          "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        },
+        "lowercase-keys": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+          "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
+          "dev": true
+        }
+      }
+    },
     "call-bind": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -5142,6 +5271,12 @@
         "readdirp": "~3.5.0"
       }
     },
+    "ci-info": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
+      "dev": true
+    },
     "class-utils": {
       "version": "0.3.6",
       "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
@@ -5174,6 +5309,12 @@
         "source-map": "~0.6.0"
       }
     },
+    "cli-boxes": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
+      "integrity": "sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw==",
+      "dev": true
+    },
     "cli-spinners": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.6.0.tgz",
@@ -5229,6 +5370,15 @@
         "is-regexp": "^2.0.0"
       }
     },
+    "clone-response": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz",
+      "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
     "clsx": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
@@ -5341,6 +5491,20 @@
         "proto-list": "~1.2.1"
       }
     },
+    "configstore": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/configstore/-/configstore-5.0.1.tgz",
+      "integrity": "sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA==",
+      "dev": true,
+      "requires": {
+        "dot-prop": "^5.2.0",
+        "graceful-fs": "^4.1.2",
+        "make-dir": "^3.0.0",
+        "unique-string": "^2.0.0",
+        "write-file-atomic": "^3.0.0",
+        "xdg-basedir": "^4.0.0"
+      }
+    },
     "connect": {
       "version": "3.6.6",
       "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.6.tgz",
@@ -5444,6 +5608,12 @@
         "which": "^2.0.1"
       }
     },
+    "crypto-random-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
+      "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==",
+      "dev": true
+    },
     "css-blank-pseudo": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
@@ -5851,6 +6021,21 @@
       "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=",
       "dev": true
     },
+    "decompress-response": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
+      "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "dev": true
+    },
     "deepmerge": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
@@ -5867,6 +6052,12 @@
         "untildify": "^2.0.0"
       }
     },
+    "defer-to-connect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
+      "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==",
+      "dev": true
+    },
     "define-property": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
@@ -6089,6 +6280,12 @@
         "is-obj": "^2.0.0"
       }
     },
+    "duplexer3": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
+      "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=",
+      "dev": true
+    },
     "easy-extender": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/easy-extender/-/easy-extender-2.3.4.tgz",
@@ -6178,6 +6375,15 @@
       "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=",
       "dev": true
     },
+    "end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dev": true,
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
     "engine.io": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-3.5.0.tgz",
@@ -6291,9 +6497,9 @@
       "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w=="
     },
     "esbuild": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.9.4.tgz",
-      "integrity": "sha512-bF6laCiYE5+iAfZsX+v6Lwvi5QbvKN3tThxDIR2WLyLYzTzNn0ijdpqkvTVsafmRZjic2Nq1nkSf5RSWySDTjA==",
+      "version": "0.9.6",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.9.6.tgz",
+      "integrity": "sha512-F6vASxU0wT/Davt9aj2qtDwDNSkQxh9VbyO56M7PDWD+D/Vgq/rmUDGDQo7te76W5auauVojjnQr/wTu3vpaUA==",
       "dev": true
     },
     "escalade": {
@@ -6302,6 +6508,12 @@
       "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
       "dev": true
     },
+    "escape-goat": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz",
+      "integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==",
+      "dev": true
+    },
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -6786,6 +6998,23 @@
         "process": "^0.11.10"
       }
     },
+    "global-dirs": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-2.1.0.tgz",
+      "integrity": "sha512-MG6kdOUh/xBnyo9cJFeIKkLEc1AyFq42QTU4XiX51i2NEdxLxLWXIjEjmqKeSuKR7pAZjTqUVoT2b2huxVLgYQ==",
+      "dev": true,
+      "requires": {
+        "ini": "1.3.7"
+      },
+      "dependencies": {
+        "ini": {
+          "version": "1.3.7",
+          "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.7.tgz",
+          "integrity": "sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ==",
+          "dev": true
+        }
+      }
+    },
     "global-modules": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
@@ -6879,6 +7108,36 @@
         "delegate": "^3.1.2"
       }
     },
+    "got": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
+      "integrity": "sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==",
+      "dev": true,
+      "requires": {
+        "@sindresorhus/is": "^0.14.0",
+        "@szmarczak/http-timer": "^1.1.2",
+        "cacheable-request": "^6.0.0",
+        "decompress-response": "^3.3.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^4.1.0",
+        "lowercase-keys": "^1.0.1",
+        "mimic-response": "^1.0.1",
+        "p-cancelable": "^1.0.0",
+        "to-readable-stream": "^1.0.0",
+        "url-parse-lax": "^3.0.0"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+          "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        }
+      }
+    },
     "graceful-fs": {
       "version": "4.2.6",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz",
@@ -7047,6 +7306,12 @@
         }
       }
     },
+    "has-yarn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/has-yarn/-/has-yarn-2.1.0.tgz",
+      "integrity": "sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==",
+      "dev": true
+    },
     "hash-sum": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
@@ -7132,6 +7397,12 @@
         "entities": "^2.0.0"
       }
     },
+    "http-cache-semantics": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
+      "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==",
+      "dev": true
+    },
     "http-equiv-refresh": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/http-equiv-refresh/-/http-equiv-refresh-1.0.0.tgz",
@@ -7218,6 +7489,12 @@
       "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
       "dev": true
     },
+    "ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha1-SMptcvbGo68Aqa1K5odr44ieKwk=",
+      "dev": true
+    },
     "immediate": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.3.0.tgz",
@@ -7395,6 +7672,15 @@
       "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
       "dev": true
     },
+    "is-ci": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
+      "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
+      "dev": true,
+      "requires": {
+        "ci-info": "^2.0.0"
+      }
+    },
     "is-core-module": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.2.0.tgz",
@@ -7515,6 +7801,30 @@
       "resolved": "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.1.3.tgz",
       "integrity": "sha1-Vv9NtoOgeMYILrldrX3GLh0E+DU="
     },
+    "is-installed-globally": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.3.2.tgz",
+      "integrity": "sha512-wZ8x1js7Ia0kecP/CHM/3ABkAmujX7WPvQk6uu3Fly/Mk44pySulQpnHG46OMjHGXApINnV4QhY3SWnECO2z5g==",
+      "dev": true,
+      "requires": {
+        "global-dirs": "^2.0.1",
+        "is-path-inside": "^3.0.1"
+      },
+      "dependencies": {
+        "is-path-inside": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+          "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+          "dev": true
+        }
+      }
+    },
+    "is-npm": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-4.0.0.tgz",
+      "integrity": "sha512-96ECIfh9xtDDlPylNPXhzjsykHsMJZ18ASpaWzQyBr4YRTcVjUvzaHayDAES2oU/3KpljhHUjtSRNiDwi0F0ig==",
+      "dev": true
+    },
     "is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -7668,6 +7978,12 @@
       "integrity": "sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=",
       "dev": true
     },
+    "is-yarn-global": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
+      "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw==",
+      "dev": true
+    },
     "isarray": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
@@ -7758,6 +8074,12 @@
       "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
       "dev": true
     },
+    "json-buffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
+      "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=",
+      "dev": true
+    },
     "json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -7916,6 +8238,15 @@
       "integrity": "sha1-h75jSIZJy9ym9Tqzm+yczSNH9ZI=",
       "dev": true
     },
+    "keyv": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
+      "integrity": "sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==",
+      "dev": true,
+      "requires": {
+        "json-buffer": "3.0.0"
+      }
+    },
     "kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -7928,6 +8259,15 @@
       "integrity": "sha512-sZLUnTqimCkvkgRS+kbPlYW5o8q5w1cu+uIisKpEWkj31I8mx8kNG162DwRav8Zirkva6N5uoFsm9kzK4mUXjw==",
       "dev": true
     },
+    "latest-version": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-5.1.0.tgz",
+      "integrity": "sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==",
+      "dev": true,
+      "requires": {
+        "package-json": "^6.3.0"
+      }
+    },
     "lazy-cache": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
@@ -8250,6 +8590,12 @@
         "signal-exit": "^3.0.0"
       }
     },
+    "lowercase-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
+      "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==",
+      "dev": true
+    },
     "lru-cache": {
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
@@ -8275,6 +8621,23 @@
         "sourcemap-codec": "^1.4.4"
       }
     },
+    "make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dev": true,
+      "requires": {
+        "semver": "^6.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
     "map-cache": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
@@ -8577,6 +8940,12 @@
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
       "dev": true
     },
+    "mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+      "dev": true
+    },
     "min-document": {
       "version": "2.19.0",
       "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
@@ -8757,6 +9126,56 @@
       "integrity": "sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==",
       "dev": true
     },
+    "nodemon": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-2.0.7.tgz",
+      "integrity": "sha512-XHzK69Awgnec9UzHr1kc8EomQh4sjTQ8oRf8TsGrSmHDx9/UmiGG9E/mM3BuTfNeFwdNBvrqQq/RHL0xIeyFOA==",
+      "dev": true,
+      "requires": {
+        "chokidar": "^3.2.2",
+        "debug": "^3.2.6",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.0.4",
+        "pstree.remy": "^1.1.7",
+        "semver": "^5.7.1",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.3",
+        "update-notifier": "^4.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "has-flag": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+          "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
     "nopt": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz",
@@ -8821,6 +9240,12 @@
       "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
       "dev": true
     },
+    "normalize-url": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.0.tgz",
+      "integrity": "sha512-2s47yzUxdexf1OhyRi4Em83iQk0aPvwTddtFz4hnSSw9dCEsLEGf6SwIO8ss/19S9iBb5sJaOuTvTGDeZI00BQ==",
+      "dev": true
+    },
     "npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
@@ -8997,6 +9422,12 @@
       "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
       "dev": true
     },
+    "p-cancelable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
+      "integrity": "sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==",
+      "dev": true
+    },
     "p-limit": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -9021,6 +9452,26 @@
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
       "dev": true
     },
+    "package-json": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.5.0.tgz",
+      "integrity": "sha512-k3bdm2n25tkyxcjSKzB5x8kfVxlMdgsbPr0GkZcwHsLpba6cBjqCt1KlcChKEvxHIcTB1FVMuwoijZ26xex5MQ==",
+      "dev": true,
+      "requires": {
+        "got": "^9.6.0",
+        "registry-auth-token": "^4.0.0",
+        "registry-url": "^5.0.0",
+        "semver": "^6.2.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
     "parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -12998,6 +13449,12 @@
         "pretty-format": "^3.8.0"
       }
     },
+    "prepend-http": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
+      "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=",
+      "dev": true
+    },
     "prettier": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.2.1.tgz",
@@ -13107,6 +13564,12 @@
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
       "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ=="
     },
+    "pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
+      "dev": true
+    },
     "pug": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/pug/-/pug-2.0.4.tgz",
@@ -13287,11 +13750,30 @@
       "integrity": "sha512-GMu3M5nUL3fju4/egXwZO0XLi6fW/K3T3VTgFQ14GxNi8btlxgT5qZL//JwZFm/2Fa64J/PNS8AZeys3wiMkVA==",
       "dev": true
     },
+    "pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
     "punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
     },
+    "pupa": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/pupa/-/pupa-2.1.1.tgz",
+      "integrity": "sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==",
+      "dev": true,
+      "requires": {
+        "escape-goat": "^2.0.0"
+      }
+    },
     "qs": {
       "version": "6.5.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
@@ -13332,6 +13814,18 @@
         "unpipe": "1.0.0"
       }
     },
+    "rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dev": true,
+      "requires": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      }
+    },
     "react": {
       "version": "17.0.1",
       "resolved": "https://registry.npmjs.org/react/-/react-17.0.1.tgz",
@@ -13536,6 +14030,24 @@
         }
       }
     },
+    "registry-auth-token": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.1.tgz",
+      "integrity": "sha512-6gkSb4U6aWJB4SF2ZvLb76yCBjcvufXBqvvEx1HbmKPkutswjW1xNVRY0+daljIYRbogN7O0etYSlbiaEQyMyw==",
+      "dev": true,
+      "requires": {
+        "rc": "^1.2.8"
+      }
+    },
+    "registry-url": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-5.1.0.tgz",
+      "integrity": "sha512-8acYXXTI0AkQv6RAOjE3vOaIXZkT9wo4LOFbBKYQEEnnMNBpKqdUrI6S4NT0KPIo/WVvJ5tE/X5LF/TQUf0ekw==",
+      "dev": true,
+      "requires": {
+        "rc": "^1.2.8"
+      }
+    },
     "remark": {
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/remark/-/remark-13.0.0.tgz",
@@ -13672,6 +14184,15 @@
         "minimatch": "^3.0.2"
       }
     },
+    "responselike": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
+      "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=",
+      "dev": true,
+      "requires": {
+        "lowercase-keys": "^1.0.0"
+      }
+    },
     "ret": {
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
@@ -13703,9 +14224,9 @@
       }
     },
     "rollup": {
-      "version": "2.42.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.42.0.tgz",
-      "integrity": "sha512-P9bJnaZ2P0hawoJo+Jto8YZZqil9URogNVE4KJeyj6wrUSDIbdMvmj7CsyEFwdXu/I5SiWEzB1hfmLeMldH6ww==",
+      "version": "2.42.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.42.3.tgz",
+      "integrity": "sha512-JjaT9WaUS5vmjy6xUrnPOskjkQg2cN4WSACNCwbOvBz8VDmbiKVdmTFUoMPRqTud0tsex8Xy9/boLbDW9HKD1w==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.1"
@@ -13835,6 +14356,23 @@
       "integrity": "sha1-De4hahyUGrN+nvsXiPavxf9VN/w=",
       "dev": true
     },
+    "semver-diff": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/semver-diff/-/semver-diff-3.1.1.tgz",
+      "integrity": "sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg==",
+      "dev": true,
+      "requires": {
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
     "send": {
       "version": "0.16.2",
       "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz",
@@ -14545,6 +15083,12 @@
         "min-indent": "^1.0.0"
       }
     },
+    "strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
+      "dev": true
+    },
     "style-search": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
@@ -15875,6 +16419,12 @@
         }
       }
     },
+    "term-size": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz",
+      "integrity": "sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==",
+      "dev": true
+    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -16002,6 +16552,12 @@
         }
       }
     },
+    "to-readable-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-1.0.0.tgz",
+      "integrity": "sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==",
+      "dev": true
+    },
     "to-regex": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
@@ -16056,6 +16612,15 @@
       "integrity": "sha1-zu78cXp2xDFvEm0LnbqlXX598Bo=",
       "dev": true
     },
+    "touch": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.0.tgz",
+      "integrity": "sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==",
+      "dev": true,
+      "requires": {
+        "nopt": "~1.0.10"
+      }
+    },
     "tough-cookie": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
@@ -16155,6 +16720,15 @@
       "integrity": "sha1-5z3T17DXxe2G+6xrCufYxqadUPo=",
       "dev": true
     },
+    "undefsafe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.3.tgz",
+      "integrity": "sha512-nrXZwwXrD/T/JXeygJqdCO6NZZ1L66HrxM/Z7mIq2oPanoN0F1nLx3lwJMu6AwJY69hdixaFQOuoYsMjE5/C2A==",
+      "dev": true,
+      "requires": {
+        "debug": "^2.2.0"
+      }
+    },
     "unherit": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/unherit/-/unherit-1.1.3.tgz",
@@ -16205,6 +16779,15 @@
       "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
       "dev": true
     },
+    "unique-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
+      "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+      "dev": true,
+      "requires": {
+        "crypto-random-string": "^2.0.0"
+      }
+    },
     "unist-util-find-all-after": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz",
@@ -16348,6 +16931,35 @@
         "os-homedir": "^1.0.0"
       }
     },
+    "update-notifier": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-4.1.3.tgz",
+      "integrity": "sha512-Yld6Z0RyCYGB6ckIjffGOSOmHXj1gMeE7aROz4MG+XMkmixBX4jUngrGXNYz7wPKBmtoD4MnBa2Anu7RSKht/A==",
+      "dev": true,
+      "requires": {
+        "boxen": "^4.2.0",
+        "chalk": "^3.0.0",
+        "configstore": "^5.0.1",
+        "has-yarn": "^2.1.0",
+        "import-lazy": "^2.1.0",
+        "is-ci": "^2.0.0",
+        "is-installed-globally": "^0.3.1",
+        "is-npm": "^4.0.0",
+        "is-yarn-global": "^0.3.0",
+        "latest-version": "^5.0.0",
+        "pupa": "^2.0.1",
+        "semver-diff": "^3.1.1",
+        "xdg-basedir": "^4.0.0"
+      },
+      "dependencies": {
+        "import-lazy": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
+          "integrity": "sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM=",
+          "dev": true
+        }
+      }
+    },
     "uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -16362,6 +16974,15 @@
       "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=",
       "dev": true
     },
+    "url-parse-lax": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
+      "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=",
+      "dev": true,
+      "requires": {
+        "prepend-http": "^2.0.0"
+      }
+    },
     "use": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
@@ -16484,6 +17105,15 @@
       "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
       "dev": true
     },
+    "widest-line": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-3.1.0.tgz",
+      "integrity": "sha512-NsmoXalsWVDMGupxZ5R08ka9flZjjiLvHVAWYOKtiKM8ujtZWr9cRffak+uSE48+Ob8ObalXpwyeUiyDD6QFgg==",
+      "dev": true,
+      "requires": {
+        "string-width": "^4.0.0"
+      }
+    },
     "window-size": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz",
@@ -16599,6 +17229,12 @@
       "integrity": "sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=",
       "dev": true
     },
+    "xdg-basedir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
+      "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==",
+      "dev": true
+    },
     "xmlhttprequest-ssl": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz",
diff --git a/examples/snowpack/package.json b/examples/snowpack/package.json
index 6c48377b3e0c..a7b82b176dda 100644
--- a/examples/snowpack/package.json
+++ b/examples/snowpack/package.json
@@ -2,13 +2,27 @@
   "name": "snowpack-www",
   "version": "3.0.0",
   "scripts": {
-    "start": "astro dev .",
+    "start": "nodemon -w ../../lib -x 'astro dev .'",
     "build": "astro build",
     "test": "jest /__test__/",
     "format": "prettier --write \"src/**/*.js\" && yarn format:css",
     "format:css": "stylelint 'src/**/*.scss' --fix",
     "lint": "prettier --check \"src/**/*.js\""
   },
+  "dependencies": {
+    "@material-ui/core": "^4.11.3",
+    "date-fns": "^2.19.0",
+    "deepmerge": "^4.2.2",
+    "docsearch.js": "^2.6.3",
+    "htm": "^3.0.4",
+    "mdast-util-from-markdown": "^0.8.5",
+    "mdast-util-toc": "^5.1.0",
+    "preact": "^10.5.12",
+    "preact-render-to-string": "^5.1.12",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "vue": "^3.0.7"
+  },
   "devDependencies": {
     "@11ty/eleventy": "^0.11.0",
     "@11ty/eleventy-plugin-rss": "^1.0.9",
@@ -17,36 +31,23 @@
     "@contentful/rich-text-types": "^14.1.2",
     "@snowpack/plugin-postcss": "^1.0.7",
     "@snowpack/plugin-run-script": "^2.3.0",
-    "@snowpack/plugin-sass": "^1.1.1",
+    "@snowpack/plugin-sass": "^1.3.1",
     "@snowpack/plugin-svelte": "^3.5.2",
     "@snowpack/plugin-vue": "^2.3.0",
+    "astro": "file:../../",
     "eleventy-plugin-nesting-toc": "^1.2.0",
     "luxon": "^1.25.0",
     "markdown-it": "^12.0.2",
     "markdown-it-anchor": "^6.0.0",
+    "nodemon": "^2.0.7",
     "postcss-cli": "^8.3.0",
     "postcss-preset-env": "^6.7.0",
     "prettier": "^2.0.5",
-    "snowpack": "^3.1.0-pre.11",
+    "snowpack": "^3.1.0-pre.14",
     "stylelint": "^13.8.0",
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-rational-order": "^0.1.2",
     "stylelint-config-standard": "^20.0.0",
     "svelte": "^3.35.0"
-  },
-  "dependencies": {
-    "@material-ui/core": "^4.11.3",
-    "astro": "file:../../",
-    "date-fns": "^2.19.0",
-    "deepmerge": "^4.2.2",
-    "docsearch.js": "^2.6.3",
-    "htm": "^3.0.4",
-    "mdast-util-from-markdown": "^0.8.5",
-    "mdast-util-toc": "^5.1.0",
-    "preact": "^10.5.12",
-    "preact-render-to-string": "^5.1.12",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "vue": "^3.0.7"
   }
 }
diff --git a/examples/snowpack/public/css/app.scss b/examples/snowpack/public/css/app.scss
index aa153320cb1f..55baa62b5003 100644
--- a/examples/snowpack/public/css/app.scss
+++ b/examples/snowpack/public/css/app.scss
@@ -11,21 +11,12 @@
 @use './_typography';
 
 // Components
+@use './components/button';
+@use './components/card-grid';
 @use './components/container';
-@use './components/hero';
 @use './components/icon';
 @use './components/logo';
-@use './components/nav';
 @use './components/old';
-@use './components/toc';
 @use './components/view';
-@use './components/search';
-@use './components/feature-list';
-@use './components/button';
-@use './components/copy-button';
-@use './components/card-grid';
-
-// Pages
-@use './pages/plugins';
 
-@import 'docsearch.js/dist/cdn/docsearch.min.css';
+// @import 'docsearch.js/dist/cdn/docsearch.min.css';
diff --git a/examples/snowpack/public/css/components/_copy-button.scss b/examples/snowpack/public/css/components/_copy-button.scss
deleted file mode 100644
index 3a27b90873bf..000000000000
--- a/examples/snowpack/public/css/components/_copy-button.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-@use '../var' as *;
-@use '../animations' as *;
-
-.copy-button {
-  display: flex;
-  flex: none;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  min-width: 292px;
-  padding: 0.75rem 1.25rem;
-  padding-bottom: 0.75rem;
-  font-size: 100%;
-  font-family: Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas,
-    Liberation Mono, Courier New, monospace;
-  line-height: 1.5rem;
-  background-color: white;
-  border: 1px solid #0006;
-  border-radius: 4px;
-  cursor: pointer;
-  @include animation-copy-button;
-
-  svg,
-  .faded {
-    color: #ccc;
-    transition: color 0.1s ease-out;
-  }
-}
-
-// I don't think this is used
-.copy-button.active {
-  animation: pulse 0.5s;
-  animation-iteration-count: 1;
-
-  svg {
-    color: #ccc;
-  }
-}
-
-@keyframes pulse {
-  0% {
-    color: #2a85ca;
-    border-color: #2a85ca;
-  }
-
-  100% {
-  }
-}
diff --git a/examples/snowpack/public/css/components/_feature-list.scss b/examples/snowpack/public/css/components/_feature-list.scss
deleted file mode 100644
index f1a1647741fd..000000000000
--- a/examples/snowpack/public/css/components/_feature-list.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-@use '../var' as *;
-// A long feature list in columns
-.feature-list {
-  
-  &-top {
-    text-align: left;
-  }
-
-  &-bullets {
-    display: grid;
-    grid-row-gap: 1em;
-    grid-column-gap: 2em;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    margin: 2.5em 0 !important;
-    padding: .1em !important;
-    list-style: none;
-
-    h3 {
-      margin: 0 0 .25em 0;
-      font-size: 1.25em;
-    }
-
-  }
-  &-bullet {
-    display: list-item;
-    padding: 0.25em;
-    border-radius: 4px;
-
-    &::before {
-      display: block;
-      float: left;
-      margin-right: 6px;
-      color: green !important;
-      content: '✅';
-
-    }
-  }
-  &-buttons {
-    margin: 2em 0;
-    text-align: center;
-  }
-  &-button {
-    display: inline-block;
-    margin: 0.5em;
-  }
-}
diff --git a/examples/snowpack/public/css/components/_hero.scss b/examples/snowpack/public/css/components/_hero.scss
deleted file mode 100644
index daa2a1f27afc..000000000000
--- a/examples/snowpack/public/css/components/_hero.scss
+++ /dev/null
@@ -1,108 +0,0 @@
-@use '../var' as *;
-
-.hero {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 50vh;
-  min-height: 20rem;
-  max-height: 30rem;
-  color: #111;
-  line-height: 1.5;
-  background: #2a85ca40;
-  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' title='mountain' class='logo' fill='%23FFFB'%3E%3Cpath d='M634.92 462.7l-288-448C341.03 5.54 330.89 0 320 0s-21.03 5.54-26.92 14.7l-288 448a32.001 32.001 0 0 0-1.17 32.64A32.004 32.004 0 0 0 32 512h576c11.71 0 22.48-6.39 28.09-16.67a31.983 31.983 0 0 0-1.17-32.63zM320 91.18L405.39 224H320l-64 64-38.06-38.06L320 91.18z' /%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: calc(100% + 100px) calc(100% + 64px);
-  background-size: 50%;
-  border-bottom: 1px solid #0003;
-  //margin-top: $nav-height;
-
-  @media (min-width: $breakpoint-l) {
-    margin: 0;
-  }
-
-  a {
-    color: white;
-  }
-
-  > svg {
-    display: block;
-    margin: auto;
-    opacity: 0.9;
-  }
-
-  .logo {
-    position: absolute;
-    right: 0;
-    width: 100%;
-  }
-  .logo path {
-    fill: #fff;
-  }
-
-  .section {
-    padding: 1rem * 2;
-  }
-}
-
-.hero-cta {
-  display: flex;
-  justify-content: center;
-  margin: 1.5rem auto 0;
-}
-.header-link {
-  padding-left: 2px;
-}
-
-.header-logo {
-  display: flex;
-  align-items: center;
-  float: left;
-  margin: 0 -20px 0 0;
-  font-weight: bold;
-  font-size: 36px;
-  line-height: 1;
-
-  @media (min-width: $breakpoint-m) {
-    margin: 0 20px 0 0;
-  }
-
-  svg {
-    width: 31px;
-    height: 31px;
-    margin-right: 8px;
-    margin-left: 2px;
-    padding: 0;
-    color: #fff;
-  }
-}
-
-.header-snowpack {
-  margin: 0 auto 0.75rem;
-  font-weight: 900;
-  font-size: 3.5rem;
-  line-height: 1;
-  letter-spacing: -0.045em;
-  text-align: center;
-  opacity: 0.9;
-
-  @media (min-width: $breakpoint-m) {
-    max-width: none;
-    font-size: 5.75rem;
-    opacity: 1;
-  }
-}
-
-.header-snowpack-subtitle {
-  margin: 0;
-  margin: auto;
-  font-weight: 500;
-  font-size: 2rem;
-  line-height: 1;
-  letter-spacing: -1px;
-  text-align: center;
-
-  @media (min-width: $breakpoint-m) {
-    font-size: 3rem;
-  }
-}
diff --git a/examples/snowpack/public/css/components/_nav.scss b/examples/snowpack/public/css/components/_nav.scss
deleted file mode 100644
index 7220b38e280e..000000000000
--- a/examples/snowpack/public/css/components/_nav.scss
+++ /dev/null
@@ -1,118 +0,0 @@
-@use '../var' as *;
-
-/**
- * Top nav
- * The thing at the top
- */
-
-.snow-nav {
-  position: sticky;
-  top: 0;
-  z-index: map-get($map: $layers, $key: 'nav');
-  display: grid;
-  grid-template-areas: 
-  'mobile logo version'
-  'search search search';
-  grid-template-rows: $nav-height $nav-height;
-  grid-template-columns: 1fr 2fr 1fr;
-  align-items: center;
-  height: $nav-height;
-  padding-right: 0.5rem;
-  padding-left: 0.625rem;
-  color: $white;
-  background-color: $dark-blue;
-
-  body.is-nav-open & {
-    height: $nav-height * 2;
-  }
-
-  @media (min-width: $breakpoint-m) {
-    display: flex;
-    height: $nav-height;
-    padding-left: 0;
-  }
-
-  // -----------
-  //  Components
-  // -----------
-
-  &-link {
-    display: inline-block;
-    padding: 0.5em;
-    color: $white;
-    font-weight: 500;
-    text-decoration: none;
-    opacity: 0.7;
-    transition: opacity 150ms linear;
-
-    &:focus,
-    &:hover {
-      opacity: 1;
-    }
-
-    &__desktop {
-      display: none;
-
-      @media (min-width: $breakpoint-m) {
-        display: block;
-      }
-    }
-  }
-
-  &-logo {
-    display: flex;
-    grid-area: logo;
-    justify-content: center;
-    padding: 0.5rem;
-    color: $white;
-    font-size: 24px;
-    text-decoration: none;
-
-    @media (min-width: $breakpoint-m) {
-      justify-content: flex-start;
-      padding: 0.5rem 1.25rem;
-    }
-  }
-
-  &-mobile-open {
-    display: flex;
-    grid-area: mobile;
-    align-items: center;
-    justify-content: center;
-    width: 2rem;
-    height: 2rem;
-    padding: 0;
-    color: $white;
-    font-size: 16px;
-    background: none;
-    border: none;
-    appearance: none;
-
-    @media (min-width: $breakpoint-m) {
-      display: none;
-    }
-  }
-
-  &-version {
-    grid-area: version;
-    margin-left: 0.5em;
-    font-size: 0.8em;
-    font-family: $code;
-    text-align: right;
-
-    @media (min-width: $breakpoint-m) {
-      text-align: left;
-
-      &::after {
-        display: inline-block;
-        width: 1px;
-        height: 1.5em;
-        margin-left: 0.5em;
-        vertical-align: -25%;
-        background-color: rgba($white, 0.25);
-        content: '';
-      }
-    }
-  }
-}
-
diff --git a/examples/snowpack/public/css/components/_search.scss b/examples/snowpack/public/css/components/_search.scss
deleted file mode 100644
index 8d84816b611a..000000000000
--- a/examples/snowpack/public/css/components/_search.scss
+++ /dev/null
@@ -1,119 +0,0 @@
-@use '../var' as *;
-
-.search-form {
-  position: relative;
-  z-index: 1000;
-  display: flex;
-  flex-grow: 1;
-  grid-area: search;
-  margin: 0 6px;
-  > * {
-    flex-grow: 1;
-  }
-
-  @media (min-width: $breakpoint-m) {
-    max-width: 600px;
-  }
-
-  @media (max-width: $breakpoint-m - 1) {
-    & {
-      display: none;
-    }
-    body.is-nav-open & {
-      display: flex;
-    }
-  }
-
-  & .sr-only {
-    display: none;
-  }
-
-  &-hint {
-    position: absolute;
-    top: 0;
-    right: 0;
-    display: none;
-    padding: 6px 12px;
-    color: #c2ced9;
-    font-size: 16px;
-    pointer-events: none;
-
-    & * {
-      font-family: $code;
-    }
-
-    &::before {
-      display: inline-block;
-      width: 1px;
-      height: 1.5em;
-      margin-right: 0.5em;
-      vertical-align: -35%;
-      background-color: rgba($white, 0.25);
-      content: '';
-    }
-
-    @media (min-width: $breakpoint-m) {
-      display: block;
-    }
-  }
-
-  &-input {
-    flex-grow: 1;
-    box-sizing: border-box;
-    width: 100%;
-    margin: 0;
-    padding-top: 0.5rem;
-    padding-right: 1rem;
-    padding-bottom: 0.5rem;
-    padding-left: 1rem;
-    overflow: visible;
-    color: #fff;
-    font-weight: 500;
-    font-size: 100%;
-    font-family: inherit;
-    line-height: inherit;
-    background-color: #446e8f;
-    border-color: rgba($white, 0.25);
-    border-style: solid;
-    border-width: 1px;
-    border-radius: 0.25rem;
-    outline: 0;
-    transition-timing-function: ease-in-out;
-    transition-duration: 0.2s;
-    transition-property: border-color, color;
-    -webkit-font-smoothing: antialiased;
-
-    &:focus {
-      color: white;
-      border-color: rgba($white, 0.75);
-
-      &::placeholder {
-        color: rgba($white, 0.8);
-      }
-    }
-    &::placeholder {
-      color: #c2ced9;
-    }
-
-    &__desktop {
-      display: none;
-
-      @media (min-width: $breakpoint-m) {
-        display: block;
-      }
-    }
-  }
-}
-
-.algolia-autocomplete .ds-dropdown-menu {
-  @media (max-width: $breakpoint-m - 1) {
-    width: 100%;
-    min-width: inherit;
-    max-width: inherit;
-    margin-top: 0.5rem;
-  }
-}
-
-.algolia-autocomplete .ds-dropdown-menu::before {
-  display: none !important;
-}
diff --git a/examples/snowpack/public/css/components/_toc.scss b/examples/snowpack/public/css/components/_toc.scss
deleted file mode 100644
index 8e23b358f5d5..000000000000
--- a/examples/snowpack/public/css/components/_toc.scss
+++ /dev/null
@@ -1,132 +0,0 @@
-@use '../var' as *;
-
-/**
- * Table of Contents (toc)
- * The left-hand sidebar
- */
-
-$top-padding: 24px;
-
-%toc-link {
-  position: relative;
-  display: block;
-  color: $white;
-  text-decoration: none;
-  border: none;
-  transition: color 0.3s;
-
-  @media (min-width: $breakpoint-m) {
-    color: $grey;
-  }
-
-  &::before {
-      position: absolute;
-      top: -2px;
-      left: -19px;
-      font-weight: 400;
-      font-size: 26px;
-      line-height: 1;
-      opacity: 0;
-      transition: left .14s ease-out;
-      content: "▸";
-  }
-
-
-  &:hover {
-    text-decoration: underline;
-  }
-
-  &.active {
-    color: #0c8cec;
-    text-decoration: underline;
-
-    &::before {
-      left: -17px;
-      opacity: 1;
-  }
-  }
-}
-
-.snow-toc {
-  transition: padding 0.2s ease-out, opacity 0.2s ease-in-out;
-
-  // -----------
-  //  Components
-  // -----------
-
-  &-contents {
-    margin: 0;
-    padding: 0;
-    line-height: 1.8;
-    list-style: none;
-  }
-
-  &-link {
-    @extend %toc-link;
-  }
-
-  &-section {
-    + .snow-toc-section {
-      margin-top: 1.5rem;
-    }
-
-    &-header {
-      margin-top: 0;
-      margin-bottom: 8px;
-      color: rgba($white, 0.6);
-      font-weight: 600;
-      font-size: 20px;
-      font-family: $heading;
-      line-height: 1.2em;
-
-      @media (min-width: $breakpoint-m) {
-        color: $dark-grey;
-      }
-    }
-
-    &-items {
-      margin: 0;
-      padding: 0;
-      list-style: none;
-    }
-  }
-
-  // ----------
-  //  Modifiers
-  // ----------
-
-  &__subnav {
-    position: static;
-    z-index: 1;
-    padding-top: 2rem;
-    
-    .snow-toc-section-header {
-      color: $dark-grey;
-    }
-
-    hr {
-      display: block;
-      height: 1px;
-      margin: 1rem 0;
-      background-color: $light-grey;
-      border: none;
-      appearance: none;
-    }
-
-    ol {
-      margin: 0;
-      padding: 0;
-      list-style: none;
-    }
-
-    li {
-      line-height: 1.8;
-    }
-
-    a {
-      @extend %toc-link;
-
-      color: $grey;
-    }
-  }
-}
diff --git a/examples/snowpack/public/css/pages/_plugins.scss b/examples/snowpack/public/css/pages/_plugins.scss
deleted file mode 100644
index 156d9fdff1a3..000000000000
--- a/examples/snowpack/public/css/pages/_plugins.scss
+++ /dev/null
@@ -1,97 +0,0 @@
-.pluginPage {
-  &-count {
-    max-width: 600px;
-    min-height: 24px;
-    margin: 0.5rem 0 1rem;
-    color: rgba(black, 0.6);
-    font-weight: 300;
-    font-size: 1em;
-    font-style: italic;
-    text-align: center;
-
-    @media (min-width: 600px) {
-      font-size: 1.2em;
-    }
-  }
-
-  &-intro {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    line-height: 1.5;
-    text-align: left;
-
-    a {
-      color: #2e5e82;
-    }
-  }
-
-  &-search {
-    display: flex;
-    width: 100%;
-    max-width: 600px;
-
-    &-input {
-      flex-grow: 1;
-      flex-shrink: 0;
-      box-sizing: border-box;
-      padding: 0.25em 0.75em;
-      font-size: 1em;
-      border-width: 1px 0 1px 1px;
-      border-radius: 4px 0 0 4px;
-      box-shadow: 0 0 0 2px rgba(#2e5e82, 0);
-      transition: box-shadow 150ms linear;
-      appearance: none;
-
-      &:focus {
-        border-color: #2e5e82;
-        outline: none;
-        box-shadow: 0 0 0 2px rgba(#2e5e82, 1);
-
-        + .pluginPage-search-submit {
-          box-shadow: 0 0 0 2px rgba(#2e5e82, 1);
-        }
-      }
-    }
-
-    &-submit {
-      padding: 0.5em 1em;
-      color: white;
-      font-weight: 700;
-      font-size: 1em;
-      font-family: 'Overpass', sans-serif;
-      background-color: #2e5e82;
-      border: none;
-      border-radius: 0 4px 4px 0;
-      box-shadow: 0 0 0 2px rgba(#2e5e82, 0);
-      transition: box-shadow 150ms linear;
-      appearance: none;
-    }
-  }
-
-  &-subheading {
-    margin-top: -2.5rem;
-    margin-bottom: 0;
-    color: #2e5e82;
-    font-weight: 500;
-    font-size: 1em;
-    font-family: 'Overpass', sans-serif;
-    letter-spacing: -0.02em;
-    text-align: left;
-
-    @media (min-width: 600px) {
-      font-size: 1.5em;
-    }
-  }
-
-  &-zero-heading {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-    font-weight: 700;
-    font-size: 1.4em;
-    text-align: left;
-
-    @media (min-width: 600px) {
-      font-size: 1.5em;
-    }
-  }
-}
diff --git a/examples/snowpack/snowpack.config.js b/examples/snowpack/snowpack.config.js
index b67784ba1d80..e85a9d7b2190 100644
--- a/examples/snowpack/snowpack.config.js
+++ b/examples/snowpack/snowpack.config.js
@@ -6,21 +6,15 @@ module.exports = {
     //src: '/_dist_',
   },
   plugins: [
-    [
-      '@snowpack/plugin-sass', { compilerOptions: { style: 'compressed' } },
-    ],
+    ['@snowpack/plugin-sass', { compilerOptions: { style: 'compressed' } }],
     '@snowpack/plugin-svelte',
-    '@snowpack/plugin-vue'
+    '@snowpack/plugin-vue',
   ],
   packageOptions: {
     external: [
       'node-fetch'
     ]
   },
-  devOptions: {
-    // Eleventy updates multiple files at once, so add a 1000ms delay before we trigger a browser update
-    hmrDelay: 1000,
-  },
   buildOptions: {
     out: '_site',
   },
diff --git a/package-lock.json b/package-lock.json
index cfed544f279a..4b5e338bcb74 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -527,7 +527,8 @@
     "big-integer": {
       "version": "1.6.48",
       "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.48.tgz",
-      "integrity": "sha512-j51egjPa7/i+RdiRuJbPdJ2FIUYYPhvYLjzoYbcMMm62ooO6F94fETG4MTs46zPAF9Brs04OajboA/qTGuz78w=="
+      "integrity": "sha512-j51egjPa7/i+RdiRuJbPdJ2FIUYYPhvYLjzoYbcMMm62ooO6F94fETG4MTs46zPAF9Brs04OajboA/qTGuz78w==",
+      "dev": true
     },
     "big.js": {
       "version": "5.2.2",
@@ -565,6 +566,7 @@
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.1.1.tgz",
       "integrity": "sha1-1g1dzCDLptx+HymbNdPh+V2vuuY=",
+      "dev": true,
       "requires": {
         "big-integer": "^1.6.7"
       }
@@ -746,9 +748,10 @@
       "dev": true
     },
     "cli-spinners": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.5.0.tgz",
-      "integrity": "sha512-PC+AmIuK04E6aeSs/pUccSujsTzBhu4HzC2dL+CfJB/Jcc2qTRbEwZQDfIUpt2Xl8BodYBEq8w4fc0kU2I9DjQ=="
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.6.0.tgz",
+      "integrity": "sha512-t+4/y50K/+4xcCRosKkA7W4gTr1MySvLV0q+PxmG7FJ5g+66ChKurYjxBCjHggHH3HA5Hh9cy+lcUGWDqVH+4Q==",
+      "dev": true
     },
     "cliui": {
       "version": "7.0.4",
@@ -1002,6 +1005,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-2.0.0.tgz",
       "integrity": "sha1-AezONxpx6F8VoXF354YwR+c9vn0=",
+      "dev": true,
       "requires": {
         "bplist-parser": "^0.1.0",
         "pify": "^2.3.0",
@@ -1012,6 +1016,7 @@
           "version": "2.1.0",
           "resolved": "https://registry.npmjs.org/untildify/-/untildify-2.1.0.tgz",
           "integrity": "sha1-F+soB5h/dpUunASF/DEdBqgmouA=",
+          "dev": true,
           "requires": {
             "os-homedir": "^1.0.0"
           }
@@ -1167,9 +1172,10 @@
       "integrity": "sha512-ooYciCUtfw6/d2w56UVeqHPcoCFAiJdz5XOkYpv/Txl1HMUozpXjz/2RIQgqwKdXNDPSF1W7mJCFse3G+HDyAA=="
     },
     "esbuild": {
-      "version": "0.8.57",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.8.57.tgz",
-      "integrity": "sha512-j02SFrUwFTRUqiY0Kjplwjm1psuzO1d6AjaXKuOR9hrY0HuPsT6sV42B6myW34h1q4CRy+Y3g4RU/cGJeI/nNA=="
+      "version": "0.9.6",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.9.6.tgz",
+      "integrity": "sha512-F6vASxU0wT/Davt9aj2qtDwDNSkQxh9VbyO56M7PDWD+D/Vgq/rmUDGDQo7te76W5auauVojjnQr/wTu3vpaUA==",
+      "dev": true
     },
     "escalade": {
       "version": "3.1.1",
@@ -1484,6 +1490,12 @@
         "reusify": "^1.0.4"
       }
     },
+    "fdir": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-5.0.0.tgz",
+      "integrity": "sha512-cteqwWMA43lEmgwOg5HSdvhVFD39vHjQDhZkRMlKmeoNPtSSgUw1nUypydiY2upMdGiBFBZvNBDbnoBh0yCzaQ==",
+      "dev": true
+    },
     "file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -1537,7 +1549,8 @@
     "function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
     },
     "functional-red-black-tree": {
       "version": "1.0.1",
@@ -1685,6 +1698,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
       "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
       "requires": {
         "function-bind": "^1.1.1"
       }
@@ -1868,6 +1882,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.2.0.tgz",
       "integrity": "sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==",
+      "dev": true,
       "requires": {
         "has": "^1.0.3"
       }
@@ -1880,7 +1895,8 @@
     "is-docker": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.1.1.tgz",
-      "integrity": "sha512-ZOoqiXfEwtGknTiuDEy8pN2CfE3TxMHprvNer1mXiqwkOT77Rw3YVrUQ52EqAOU3QAWDQ+bQdx7HJzrv7LS2Hw=="
+      "integrity": "sha512-ZOoqiXfEwtGknTiuDEy8pN2CfE3TxMHprvNer1mXiqwkOT77Rw3YVrUQ52EqAOU3QAWDQ+bQdx7HJzrv7LS2Hw==",
+      "dev": true
     },
     "is-extendable": {
       "version": "0.1.1",
@@ -1954,6 +1970,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
       "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
       "requires": {
         "is-docker": "^2.0.0"
       }
@@ -2380,6 +2397,7 @@
       "version": "7.4.2",
       "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
       "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "dev": true,
       "requires": {
         "is-docker": "^2.0.0",
         "is-wsl": "^2.1.1"
@@ -2402,7 +2420,8 @@
     "os-homedir": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
-      "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M="
+      "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
+      "dev": true
     },
     "p-cancelable": {
       "version": "1.1.0",
@@ -2494,7 +2513,8 @@
     "path-parse": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw=="
+      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "dev": true
     },
     "path-type": {
       "version": "4.0.0",
@@ -2510,7 +2530,8 @@
     "pify": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+      "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+      "dev": true
     },
     "postcss": {
       "version": "8.2.8",
@@ -2792,6 +2813,7 @@
       "version": "1.20.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
       "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
+      "dev": true,
       "requires": {
         "is-core-module": "^2.2.0",
         "path-parse": "^1.0.6"
@@ -2828,9 +2850,10 @@
       }
     },
     "rollup": {
-      "version": "2.41.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.41.4.tgz",
-      "integrity": "sha512-f9IHfMO8p2Y8OdisI7Oj3oKkPuaQ6cgSwYqAi0TDvP3w2p+oX1VejX/w28a1h8WTnrapzfO5d4Uqhww+gL0b0g==",
+      "version": "2.42.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.42.3.tgz",
+      "integrity": "sha512-JjaT9WaUS5vmjy6xUrnPOskjkQg2cN4WSACNCwbOvBz8VDmbiKVdmTFUoMPRqTud0tsex8Xy9/boLbDW9HKD1w==",
+      "dev": true,
       "requires": {
         "fsevents": "~2.3.1"
       }
@@ -2950,14 +2973,17 @@
       }
     },
     "snowpack": {
-      "version": "3.1.0-pre.13",
-      "resolved": "https://registry.npmjs.org/snowpack/-/snowpack-3.1.0-pre.13.tgz",
-      "integrity": "sha512-hvLMf+u5/T2sfrh8tIA+QkLwkqlUmvWEGuW3SccOB2yrKrY+4J9S+qOj8goJF62RrDRw567UyS8N3OQBKXdLqw==",
+      "version": "3.1.0-pre.14",
+      "resolved": "https://registry.npmjs.org/snowpack/-/snowpack-3.1.0-pre.14.tgz",
+      "integrity": "sha512-NJm+XOMHryrDPWkqpqqBjQLZcSrs8WzW84H0vs3m10kFD1vvOBqPrD5ECH3fRVre314wA3arOgZbWGhY27A29w==",
+      "dev": true,
       "requires": {
         "cli-spinners": "^2.5.0",
         "default-browser-id": "^2.0.0",
-        "esbuild": "^0.8.7",
+        "esbuild": "^0.9.3",
+        "fdir": "^5.0.0",
         "fsevents": "^2.2.0",
+        "micromatch": "^4.0.2",
         "open": "^7.0.4",
         "resolve": "^1.20.0",
         "rollup": "^2.34.0"
diff --git a/package.json b/package.json
index 8eb21ba01e6d..7d65fb6ecd5b 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "dev": "concurrently 'tsc --watch' 'npm run copy-js:watch'",
     "format": "prettier -w 'src/**/*.{js,ts}'",
     "copy-js": "copyfiles -u 1 src/*.js lib/",
-    "copy-js:watch": "nodemon -w src --ext js --exec 'npm run copy-js'",
+    "copy-js:watch": "nodemon -w src --ext js -x 'npm run copy-js'",
     "test": "uvu test -i fixtures -i test-utils.js"
   },
   "dependencies": {
@@ -50,7 +50,6 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "sass": "^1.32.8",
-    "snowpack": "^3.1.0-pre.13",
     "svelte": "^3.35.0",
     "vue": "^3.0.7",
     "yargs-parser": "^20.2.7"
@@ -73,6 +72,7 @@
     "preact": "^10.5.12",
     "preact-render-to-string": "^5.1.14",
     "prettier": "^2.2.1",
+    "snowpack": "^3.1.0-pre.14",
     "typescript": "^4.2.3",
     "uvu": "^0.5.1"
   }
diff --git a/src/runtime.ts b/src/runtime.ts
index 91ee9c5d22cb..18bacb6eb163 100644
--- a/src/runtime.ts
+++ b/src/runtime.ts
@@ -39,20 +39,24 @@ async function load(config: RuntimeConfig, rawPathname: string | undefined): Pro
   const selectedPageMdLoc = new URL(`./pages/${selectedPage}.md`, hmxRoot);
   const selectedPageUrl = `/_hmx/pages/${selectedPage}.js`;
 
-  // Non-hmx pages
+  // Non-hmx pages (file resources)
   if (!existsSync(selectedPageLoc) && !existsSync(selectedPageMdLoc)) {
     try {
       const result = await snowpack.loadUrl(reqPath);
 
+      // success
       return {
         statusCode: 200,
         ...result,
       };
     } catch (err) {
-      return {
-        statusCode: 404,
-        error: err,
-      };
+      // build error
+      if (err.failed) {
+        return { statusCode: 500, type: 'unknown', error: err };
+      }
+
+      // not found
+      return { statusCode: 404, error: err };
     }
   }