工作中是后端开发，前端开发是兼职，工作之余做点小项目练练手。但是用了大半年，一直以来有个问题没解决，困扰太久了，网络上也没有查到有效的资料，各种尝试也没效果，还请各位指点个解决方向

不识别 vue 的函数

import { computed, reactive, ref } from 'vue';

computed, reactive, ref 都被标红，显示 Cannot resolve symbol 'computed' 等

导致无法对 computed 的泛型类型进行提示，开发体验很差

配置

webstorm

settings->language&Frameworks->JavaScript->Libraries ，增加了 vue （ vue ，vue-eslint-parser ，vue-router ，vue-tsc ），typescript

{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "lib": [
      "ES2020",
      "DOM",
      "DOM.Iterable"
    ],
    "skipLibCheck": true,
    /* Bundler mode */
    "moduleResolution": "node",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "preserve",
    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "types": [
      "node",
      "vite/client",
      "unplugin-vue-define-options/macros-global",
      "element-plus/global",
      "webpack-env"
    ],
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue"
  ],
  "references": [
    {
      "path": "./tsconfig.node.json"
    }
  ]
}