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

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

cd frontend
npm run build

Done

• Native form controls under frontend/src/**/*.vue were replaced with Vuetify form components.
• Frontend build passes.