UIs: fix "deprecated native modifier on v-on directive" (Vue3 MUST FIX)
- Dominant language
- JavaScript
- Stars
- 23
- Forks
- 62
- Avg merge
- 24m
- Merged PRs (30d)
- 1
Description
Example:
```
warning: '.native' modifier on 'v-on' directive is deprecated (vue/no-deprecated-v-on-native-modifier) at src/views/Dashboard.vue:150:26:
148 | v-if="!isHistorical"
149 | :disabled="hasBlocker || !isAllowed(AllowableActions.VIEW_CHANGE_COMPANY_INFO)"
> 150 | @click.native.stop="goToChangeFiling()"
| ^
151 | >
152 | mdi-pencil
153 | Change
```
Ref: https://eslint.vuejs.org/rules/no-deprecated-v-on-native-modifier.html
Ref: https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the reported occurrence in src/views/Dashboard.vue at line 150 and read the linked Vue ESLint and Vue 3 migration guidance. Search the UI code for the deprecated v-on native modifier, then verify that the Vue lint warning is eliminated across the affected files.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Refactor
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100