Vue Official Plugin Disables Hybrid Mode Due to MylesMurphy.prettify-ts: Seeking Clarification on Auto Detection #4849

matvejs16 · 2024-09-15T21:35:26Z

matvejs16
Sep 15, 2024

Issue Description

I'm working on a project in VSCode and encountered an issue where the "Vue - Official" plugin is automatically disabling Hybrid mode due to the presence of the MylesMurphy.prettify-ts TypeScript plugin. This is causing type errors, particularly with vue-i18n and its global ComponentCustomProperties.

The Vue Official plugin in VSCode displays the following message:

Hybrid Mode is disabled automatically because there is a potentially incompatible MylesMurphy.prettify-ts TypeScript plugin installed.

While I can manually enable Hybrid Mode in the settings despite this warning, I prefer to keep the Hybrid Mode setting on "auto". This allows for automatic detection of potential conflicts in future projects, which might be missed if I force it to "true".

Questions

Is this automatic disabling behavior intentional? Is there a known incompatibility between the Vue Official plugin and MylesMurphy.prettify-ts?
If it's only a potential incompatibility, is it possible to add MylesMurphy.prettify-ts to a whitelist so that Hybrid Mode remains in "auto" mode without being disabled?
Are there any known workarounds to use both plugins together while keeping Hybrid Mode on "auto"?
How can users distinguish between potentially harmful conflicts and false positives like this one?

Environment Details

VSCode Version: 1.94.0-insider (Commit: f4746c94726e157c9b6534f1355d163ca4efcb38, Date: 2024-09-13T05:04:25.154Z)
Electron: 30.4.0
Chromium: 124.0.6367.243
Node.js: 20.15.1
V8: 12.4.254.20-electron.0
Operating System: Linux x64 5.15.0-116-generic

Plugins

Vue - Official: v2.1.6
Prettify TypeScript: Better Type Previews (MylesMurphy.prettify-ts): v0.1.5

Project Modules

TypeScript: 5.6.2
Vue: 3.5.5
Vue-i18n: 10.0.1

Additional Information

Link to MylesMurphy.prettify-ts plugin: https://marketplace.visualstudio.com/items?itemName=MylesMurphy.prettify-ts
Hybrid Mode can be manually enabled in settings, but this bypasses the auto-detection feature.

Steps to Reproduce

Install Vue Official plugin (v2.1.6) in VSCode
Install MylesMurphy.prettify-ts plugin (v0.1.5)
Open a Vue project using TypeScript (v5.6.2)
Observe that Hybrid Mode is automatically disabled
Note that manually enabling Hybrid Mode works, but removes the benefit of auto-detection for future conflicts

I'm seeking a solution that maintains the integrity of the auto-detection feature while allowing the use of the MylesMurphy.prettify-ts plugin. Any insights or guidance on resolving this issue would be greatly appreciated. Thank you for your time and assistance!