Vue.js PhpStorm无法正确理解自定义标记

突然，PhpStorm决定误解自定义标记，因此无法正确格式化代码

我正在编辑一个.vue文件-下面是一个简短的片段，它的格式应该是什么：

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

但是，PhpStorm抱怨auth布局标记从未关闭。然后，当运行“重新格式化”操作时，下面的任何内容都会被搞乱

---

有人知道为什么会发生这种情况吗？有没有办法解决它？

好的，按照惯例，我在发布这个问题后立即解决了这个问题。我的auth布局标签有一个lang=属性，它完全混淆了PhpStorm。删除它会修复它。

您能提供更多信息吗？您的组件定义是什么样子的？自定义属性通常不应破坏语法高亮显示