Format <svelte:head> as HTML block?

[janosh]

<svelte:head>
  <script async src="https://googletagmanager.com/gtag/js?id={id}"></script>
  <script>
    window.dataLayer = window.dataLayer || []
    function gtag() {
      dataLayer.push(arguments)
    }
    gtag('js', new Date())

    gtag('config', id)
  </script>
</svelte:head>

is formatted as

<svelte:head
  ><script async src="https://googletagmanager.com/gtag/js?id={id}"></script><script>
    window.dataLayer = window.dataLayer || []
    function gtag() {
      dataLayer.push(arguments)
    }
    gtag('js', new Date())

    gtag('config', id)
  </script></svelte:head>

which looks much worse IMO. Is this intentional?