如何在 Vue 中使用 ESLint 规则在脚本标签中强制执行 lang="ts"

Question

我正在寻找一种方法来强制所有在我们的代码库上工作的人都使用 TypeScript 来处理单个文件组件。所有组件都使用 TypeScript，因此禁用 JavaScript 也是一种选择。

我以为这可以用 ESLint 规则来完成，但我找不到。

Answer 1

此功能现已在 eslint-plugin-vue 中可用。使用 vue/block-lang 规则。

// .eslintrc.json
{
  "vue/block-lang": ["error",
    {
      "script": {
        "lang": "ts"
      }
    }
  ]
}

How to enforce lang="ts" in script tags with an ESLint rule in Vue