[Bug Report] the Volar support error in the document

[tolking]

Element Plus version

1.1.0-beta.19

OS/Browsers version

Vue version

3.2.20

Reproduction Link

https://element-plus.org/en-US/guide/quickstart.html#volar-support

Steps to reproduce

Follow the steps in the document will not take effect

Maybe compilerOptions.types -> include

// tsconfig.json
{
  "include": ["node_modules/element-plus/es/global.d.ts"]
}

What is Expected?

Prompt for global component type

What is actually happening?

No type related prompts

[sxzz]

For now,

--- "types": ["element-plus/global"]
+++ "types": ["element-plus/es/global"]

It has been fixed in #3756, and it will be released in next version. (today or tomorrow)

[tolking]

Still no effect, please check ts docs

[sxzz]

It works on my project. Please provide a minimum repo. (or your tsconfig.json)

[sxzz]

FYI, here are my tsconfig.json

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "ESNext",
    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
    "allowJs": true,
    "checkJs": false,
    "jsx": "preserve",
    "sourceMap": true,
    "outDir": "./dist",
    "importHelpers": true,
    "strict": true,
    "noImplicitAny": false,
    "moduleResolution": "node",
    "baseUrl": "./",
    "paths": {
      "@/*": ["./src/*"]
    },
    "types": ["vite/client", "element-plus/es/global"],
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["./src*"],
  "exclude": ["node_modules"]
}

[sxzz]

I checked the problem, no need for .d.ts. element-plus/es/global just worked.

[tolking]

node v16.10.0
"typescript": "^4.4.3",

tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",
    "useDefineForClassFields": true,
    "module": "esnext",
    "moduleResolution": "node",
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "lib": ["esnext", "dom"],
    "types": ["vite/client", "element-plus/es/global"]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue"
  ]
}

main.ts

import { ElPagination } from 'element-plus'
//...
createApp(App).use(ElPagination).mount('#app')

current

expected

[xiaoxian521]

This problem has been fixed, please use the latest version

[roy8800]

i find a error

#4716

if the vue file use ts 4.5.2, hints no effect.