Severe Mac Overheating Caused by Vue Extension Despite Low CPU Load

[fangjiapeng]

Vue - Official extension or vue-tsc version

3.1.1

VSCode version

1.104.3

Vue version

2.26.10

TypeScript version

no typescript

System Info

System:
    OS: macOS 15.4.1
    CPU: (10) arm64 Apple M4
    Memory: 81.16 MB / 24.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.11.1 - ~/.nvm/versions/node/v20.11.1/bin/node
    Yarn: 1.22.22 - ~/.nvm/versions/node/v22.16.0/bin/yarn
    npm: 10.2.4 - ~/.nvm/versions/node/v20.11.1/bin/npm
    pnpm: 10.15.1 - ~/.nvm/versions/node/v22.16.0/bin/pnpm
  Browsers:
    Chrome: 141.0.7390.55
    Safari: 18.4

package.json dependencies

Steps to reproduce

1. Open a Vue.js project in Cursor or VSCode.
2. Work with Vue files for a period of time, then leave the editor idle.
3. Observe that the MacBook Pro (M4) chassis becomes noticeably hot, even when the system's overall CPU load is very low.

What is expected?

The Vue extension should operate efficiently, not causing significant heat buildup on the machine during normal use or idle periods, especially when the perceived CPU load is low.

What is actually happening?

The Vue extension appears to be causing excessive energy consumption, leading to ​​severe overheating​​ on a MacBook Pro with M4 chip (a fanless design), even when the editor is idle or under low CPU load. The energy consumption metrics in Activity Monitor clearly point to the Vue extension as the primary source of energy usage and heat generation.

Link to minimal reproduction

No response

Any additional comments?

No response

[fangjiapeng]

After disabling this extension, the laptop's temperature quickly returned to normal.​

[KazariEX]

Since this might be a system-specific issue, I recommend investigating the cause on your own. For reference, the extension works fine on my MacBook Air M3.

System:
  OS: macOS 15.6.1
  CPU: (8) arm64 Apple M3
  Memory: 102.50 MB / 16.00 GB
  Shell: 5.9 - /bin/zsh