'VS Code intellisense not working for data in vue sfc component

I have simple code like this

enter image description here

but inside the method, 'name' is considered as any. If I hover the name in data it shows it as string.

vetur plugin is isntalled already.

// tsconfig
{
  "compilerOptions": {
    "baseUrl": ".",
    "module": "ESNext",
    "target": "es2016",
    "lib": ["DOM", "ESNext"],
    "strict": true,
    "esModuleInterop": true,
    "incremental": false,
    "skipLibCheck": true,
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "noUnusedLocals": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitThis": false,
    "types": [
      "vite/client"
    ],
    "paths": {
      "~/*": ["src/*"]
    }
  },
  "exclude": ["dist", "node_modules"]
}


Solution 1:[1]

Changing noImplicitThis to true will give you the intellisense.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Pretty Pretty Pretty Good