32 lines
933 B
Markdown
32 lines
933 B
Markdown
# 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
|
|
|
|
```bash
|
|
cd frontend
|
|
npm run build
|
|
```
|
|
|
|
## Done
|
|
|
|
- [x] Native `<button>` elements under `frontend/src/**/*.vue` were migrated to `v-btn`.
|
|
- [x] Public SSR rendering installs the shared Vuetify plugin.
|
|
- [x] Frontend build and public prerender pass.
|