Svelte code is rejected because of adjacent elements

Prettier 1.19.1 Playground link

--parser babel

Input:

<svelte:head>
    <title>Tic Tac Toe</title>
</svelte:head>

<h1>Tic Tac Toe</h1>

<button on:click={newGame}>New Game</button>

{#if message}
    <h2>{message}</h2>
{/if}

<Board {game} clickCell={(x, y) => (game = game.click(x, y))} />

<style>
  /* Styling goes here */
</style>
  
<script>
/* JavaScript goes here */
</script>

Output:

SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (5:1)
  3 | </svelte:head>
  4 | 
> 5 | <h1>Tic Tac Toe</h1>
    | ^
  6 | 
  7 | <button on:click={newGame}>New Game</button>
  8 | 

Expected behavior: The Svelte file should not be considered JSX, and the code should be accepted and formatted correctly.

[thorn0]

see https://github.com/prettier/prettier/issues/7762#issuecomment-599515317

[j-f1]

We support JS in <script> tags. I think we might support SCSS in <style> if it’s marked as such.