social-media/docs/TASKS/frontend/003-vuetify-button-migration.md

Task: Replace native feature buttons with Vuetify controls

Goal

Move remaining interactive feature-screen buttons from native <button> elements to Vuetify controls so button styling consistently flows through Vuetify.

Scope

• Replace action buttons with v-btn.
• Replace icon-only buttons with v-btn using icon-sized styling.
• Preserve specialized non-button native controls only when Vuetify would reduce capability, such as file inputs.
• Keep behavior unchanged while converting one feature area at a time.

Likely Files

• frontend/src/components/ImageCropperDialog.vue
• frontend/src/features/**/**/*.vue
• frontend/src/static/**/*.vue

Validation

cd frontend
npm run build

Done

• Native <button> elements under frontend/src/**/*.vue were migrated to v-btn.
• Public SSR rendering installs the shared Vuetify plugin.
• Frontend build and public prerender pass.