vue 在vue文件中引入子组件后，eslint导致组件未引入的解决办法

问题前提：vue3项目，启用eslint

在vue引入一个子组件，在components中也注册了该组件，在template中也写了该组件，但eslint就是报错注册未使用组件。

举一个例子

import EditLogDetail from "@/views/LogDetail/EditLogDetail.vue";

在components中注册

components: {
    EditLogDetail,
},

在html中使用

<edit-log-detail ref="editLog"></edit-log-detail>

利用ref调用子组件的方法，无论延迟几秒都调用不到。

未知原因，但可以解决这个问题
修改为下述方式即可解决

<EditLogDetail ref="editLog"></EditLogDetail>

简单来说就是保证标签和引入的components写的一致即可。

上网查都在说将eslint关闭，但是不关闭不知道还有没有其他的解决方案。有知道实际原因的小伙伴可以分享一下。