Files
social-media/docs/TASKS/frontend/001-vuetify-native-form-controls.md

27 lines
863 B
Markdown

# 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.