WebStorm 无法识别Vue自定义指令

1. 项目根目录下新建 web-types.json

// web-types.json
{
  "$schema": "https://json.schemastore.org/web-types",
  "framework": "vue",
  "name": "name written in package.json",
  "version": "version written in package.json",
  "contributions": {
    "html": {
      "types-syntax": "typescript",
      "attributes": [
        {
          "name": "v-auth" // 填写自定义的指令
        }
      ]
    }
  }
}

2. 在package.json中加入：“web-types”: “./web-types.json”

// package.json
{
  "name": "xxx",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {},
  "dependencies": {},
  "devDependencies": {},
  "web-types": "./web-types.json"
}