refactor: use vuetify form controls
This commit is contained in:
26
docs/TASKS/frontend/001-vuetify-native-form-controls.md
Normal file
26
docs/TASKS/frontend/001-vuetify-native-form-controls.md
Normal file
@@ -0,0 +1,26 @@
|
||||
# Task: Replace native form controls with Vuetify controls
|
||||
|
||||
## Goal
|
||||
|
||||
Move interactive form fields from native `input`, `select`, and `textarea` elements to Vuetify form components so form theming flows through `createVuetify`.
|
||||
|
||||
## Scope
|
||||
|
||||
- Replace native text, email, URL, search, date, and number inputs with `v-text-field`.
|
||||
- Replace native selects with `v-select`.
|
||||
- Replace native textareas with `v-textarea`.
|
||||
- Replace native checkboxes/radios with Vuetify selection controls where practical.
|
||||
- Preserve file inputs where Vuetify would reduce custom upload behavior.
|
||||
- Keep custom navigation and row action buttons out of this pass unless they are part of a form.
|
||||
|
||||
## Validation
|
||||
|
||||
```bash
|
||||
cd frontend
|
||||
npm run build
|
||||
```
|
||||
|
||||
## Done
|
||||
|
||||
- [x] Native form controls under `frontend/src/**/*.vue` were replaced with Vuetify form components.
|
||||
- [x] Frontend build passes.
|
||||
Reference in New Issue
Block a user