JS-2216 Implement S9145: Vue components should not use the deprecated "vue-class-component" or "vue-property-decorator" libraries

[guillemsarda]

---

Summary by Gitar

• New rules:
  • Implemented S9145 to detect deprecated vue-class-component and vue-property-decorator usage in Vue components
• Testing:
  • Added fixtures and unit tests for rule S9145 across various Vue project versions

_{This will update automatically on new commits.}

[hashicorp-vault-sonar-prod]

JS-2216

[github-actions]

Ruling Report

No changes to ruling expected issues in this PR

[sonarqube-next]

Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
0 Dependency risks
98.3% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube

[nathsou]

[gitar-bot]

Code Review ✅ Approved 1 resolved / 1 findings

Implements rule S9145 to detect deprecated vue-class-component and vue-property-decorator usage in Vue components, addressing the default-export import detection issue. Comprehensive unit tests and fixtures have been added.

✅ 1 resolved

✅ Bug: Default-export imports from vue-class-component are not detected

📄 packages/analysis/src/jsts/rules/S9145/rule.ts:34-48 📄 packages/analysis/src/jsts/rules/S9145/rule.ts:88-102 📄 packages/analysis/src/jsts/rules/S9145/rule.ts:129-137
getFullyQualifiedName returns the bare module name ('vue-class-component') for default imports, so it never matches the .Component/.Options/.Vue-suffixed FQNs used here. This misses the canonical (vue-class-component v7 / Vue 2.7) pattern documented in the library's own README: import Component from 'vue-class-component' + @Component on a class, and the import Vue from 'vue-class-component' default base class. Such components go unreported even on Vue >=2.7. Consider matching the bare 'vue-class-component' FQN for the default decorator import (and default base-class import) in addition to the named ones.

Options

Auto-apply is off → Gitar will not commit updates to this branch.
Display: compact → Showing less information.

Comment with these commands to change the behavior for this request:

Auto-apply	Compact
gitar auto-apply:on	gitar display:verbose

_{Was this helpful? React with 👍 / 👎 | Gitar}