Vue: Усы Vue.js некорректно отображаются только после отступа корневого элемента

Версия

2.5.16

Ссылка для воспроизведения

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

Действия по воспроизведению

Эта проблема возникает, когда корневой элемент не имеет отступа и усы разделены на несколько строк.

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

Только когда корневой элемент имеет отступ, усы отображаются правильно.

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

Что также работает, это когда усы помещаются в одну строку, а корневой элемент не имеет отступа.

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

Что ожидается?

Усы должны связывать данные

Что на самом деле происходит?

Усы отображаются как обычный текст

Я хотел только улучшить свой код, поэтому разделил усы на несколько строк и удалил отступ корневого элемента.