文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使ESLint理解vue pug模板中使用的函数？

问如何使ESLint理解vue pug模板中使用的函数？
EN

Stack Overflow用户

提问于 2022-04-30 18:47:06

回答 1查看 343关注 0票数 3

我有下面的vue组件。

<template lang="pug">
button(@click="onLogout") Logout
</template>

<script setup lang="ts">
function onLogout() {
  // some logic
}
</script>

当我运行linter的时候。林特抱怨Warning:(9, 10) ESLint: 'onLogout' is defined but never used. (@typescript-eslint/no-unused-vars)

如何使ESLint知道模板中使用了onLogout函数？

回答已采纳

发布于 2022-05-09 14:52:16

您可以使用埃林特-插件-vue-pug。这个插件扩展了eslint-plugin以支持pug模板。安装后，必须将插件添加到eslint配置中：

module.exports = {
  extends: [
    'plugin:vue/vue3-recommended',
    'plugin:vue-pug/vue3-recommended'
  ]
}

该插件只支持与html语法直接对应的pug语法。您可以在规则无油箱控制流的描述中找到更多的细节。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72071269

复制

相似问题

问如何使ESLint理解vue pug模板中使用的函数？EN