Code Inspections in Vue

This topic lists all PhpStorm code inspections available in Vue.

You can toggle specific inspections or change their severity level on the Editor | Inspections page of the IDE settings Control+Alt+S.

Inspection	Description	Default Severity
Data function	Reports a Vue component data property that is not a function. Suggests wrapping an object literal with a function. When defining a component, `data` must be declared as a function that returns the initial data object, because the same definition will be used for creating numerous instances. If a plain object is still used for `data`, that very object will be shared by reference across all instances created! With a `data` function, every time a new instance is created we can simply call it to return a fresh copy of the initial data.	Warning
Deprecated symbol	Reports a deprecated Vue symbol.	Warning
Duplicate template/script tag	Reports multiple usages of the `template` or `script` tag in a Vue file. Vue Component specification indicates that each `*.vue` file can contain at most one `template` or `script` block at a time.	Warning
Missing component import	Reports Vue components, which require to be imported in Vue templates. It provides a quick fix to add the missing import.	Warning
Unrecognized directive	Reports an unrecognized Vue directive.	Warning
Unrecognized slot	Reports an unrecognized Vue slot.	Weak warning

Last modified: 27 March 2023