PhpStorm неправильно понимает пользовательские теги

Question

Из ниоткуда PhpStorm решил неправильно понять пользовательские теги и в результате неправильно форматирует код.

Я редактирую файл. vue - вот небольшой фрагмент того, что он должен быть отформатирован как:

<template>
    <auth-layout>
        <h2>{{ __('register.content.heading') }}</h2>
        <p>{{ __('register.content.copy') }}</p>
    </auth-layout>
</template>

Однако PhpStorm жалуется, что тег auth-layout никогда не закрывается. Затем при выполнении действия переформатирования все, что находится под </auth-layout>, испортится.

Кто-нибудь знает, почему это происходит, и есть ли способ это исправить?

Answer 1

Хорошо, по традиции, я решил это сразу после публикации этого вопроса. У моего тега auth-layout есть атрибут lang="", который полностью сбивает с толку PhpStorm. Удаление это исправляет.