
The IDE also supports the Angular 15 'NgoptimizedImage' directive by providing an inspection that suggests using ngSrc instead of src for img. New features for Angular - WebStorm will now automatically add an import for global and exported symbols into your components on code completion when you are working in Angular templates.Before, this information was available only via hover, which was inconvenient for keyboard-centric users. If you press Ctrl+P where props are passed to a component, you'll get a popup with type information.

Parameter information for React props - Added a new way to show the expected type for a component prop.In this release it now works for Vue, Svelte, Astro and Angular templates as well. This was previously the case with plain JavaScript, TypeScript languages, and React templates. Component imports added on copy-paste - When you copy and paste code from one file to another, WebStorm automatically adds all the required imports.This works identically in both JavaScript and TypeScript. Custom component event completion in Vue - You will now get code completion for your custom component events in Vue templates.WebStorm will now provide support for inline casting, improved type narrowing, and correct information about inferred types in quick documentation in templates of Vue Single-File Components. Support for TypeScript in Vue templates - Previously, JavaScript was used regardless of the lang attribute in the script tag.The plugin provides basic functionality including syntax highlighting, code completion with automatic imports, refactorings, navigation, correct formatting, and more. Astro support - You can now get Astro support through the new Astro plugin, which can be installed from Preferences / Settings | Plugins.
