Cannot resolve TypeScript type declaration for ECMAScript Module (.d.mts)

Environment:

• New project → Vue.js
• Vite 7 (released June 24, 2025)
• TypeScript with ESM declarations (.d.mts) (previously .d.ts in Vite 6)

Issue:
In vite.config.ts:

import vue from '@vitejs/plugin-vue'

WebStorm shows this problem:

Vue: Cannot find module @vitejs/plugin-vue or its corresponding type declarations.
There are types at
./node_modules/@vitejs/plugin-vue/dist/index.d.mts
, but this result could not be resolved under your current moduleResolution setting. Consider updating to node16, nodenext, or bundler

Note:
My tsconfig.json already has moduleResolution set to bundler:

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "bundler",
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    },
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "useDefineForClassFields": true,
    "types": ["node", "vite/client"],
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true
  },
  "include": ["src"],
  "exclude": ["node_modules", "dist"]
}

Build and run work fine without any errors—this problem only appears in the IDE.

Question:
How can I get WebStorm (or TypeScript/Vue engine) to properly resolve .d.mts files?