bcgov / bcgov/entity

UIs: fix "deprecated native modifier on v-on directive" (Vue3 MUST FIX)

Open
#14,355 3 comments 0 reactions 0 assignees View on GitHub
ENTITY - DO NOT USE techdebt
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.