Vue: Vue.js mustach n'est pas correctement rendu seulement après l'indentation de l'élément racine

Version

2.5.16

Lien de reproduction

https://codesandbox.io/s/6jnlpno3lw

Étapes à suivre pour reproduire

Ce problème se produit lorsque l'élément racine n'est pas en retrait et que la moustache est divisée en plusieurs lignes.

<template>
<div>
    <p>{{
        myVar
    }}</p>
</div>
</template>

Ce n'est que lorsque l'élément racine est indenté que la moustache est correctement rendue.

<template>
    <div>
        <p>{{
            myVar
        }}</p>
    </div>
</template>

Ce qui fonctionne également, c'est lorsque la moustache est placée sur une seule ligne et que l'élément racine n'est pas en retrait.

<template>
<div>
    <p>{{ myVar }}</p>
</div>
</template>

Qu'attend-on?

La moustache doit lier les données

Que se passe-t-il réellement?

La moustache est rendue en texte brut

Je voulais seulement embellir mon code, j'ai donc divisé la moustache en plusieurs lignes et supprimé le retrait de l'élément racine.