Isomorphic URL

import { url } from 'mochi-framework' returns the current URL on both server and client. On the server it reads from the request context; on the client it reads from window.location. Try adding ?name=mochi to the URL.

<script>
  import UrlInfo from './UrlInfo.svelte';
</script>

<div class="sections">
  <UrlInfo label="SSR snapshot" />
  <hr />
  <UrlInfo label="Hydrated island" mochi:hydrate />
</div>

<style>
  .sections {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
  }

  hr {
    border: none;
    border-top: 1px solid var(--border);
    margin: 0;
  }
</style>