vue.js - 如何让 ESLint 理解 vue pug 模板中使用的函数？

我有以下 vue 组件。

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

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

当我运行 linter 时。 Linter 提示 Warning:(9, 10) ESLint: 'onLogout' 已定义但从未使用过。 (@typescript-eslint/no-unused-vars)

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

最佳答案

你可以使用eslint-plugin-vue-pug .这个插件扩展了 eslint-plugin-vue支持哈巴狗模板。安装后，您必须将插件添加到您的 eslint 配置中:

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

插件只支持直接对应html语法的pug语法。您可以在规则描述中找到更多详细信息 no-pug-control-flow .

关于vue.js - 如何让 ESLint 理解 vue pug 模板中使用的函数？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/72071269/