feat!: replace Vuetify with in-house components #2563
Description
As it's been mentioned multiple times, Vuetify is proving to be a blocking point for rolling a better design (as discused in Matrix UI/UX rooms) and some issues (#2028 and #20436).
This issue tracks which Vuetify components have already a replacement.
Checklist
This is the checklist of all the components we're currently using. Some of them will be replaced by alternatives with different names or the new name's behaviour might not be a 1:1 copy of Vuetify. There are also some components that might be replaced/removed from the codebase without a new component (VCardSubtitle and VCardText are good examples, those could be replaced with slots)
- VAlert
- VApp (partially, still in app to keep other components working)
- VAppBar
- VAppBarNavIcon
- VAvatar
- VBtn
- VCard
- VCardActions
- VCardSubtitle
- VCardText
- VCardTitle
- VCheckbox
- VCheckboxBtn
- VChip
- VCol
- VCombobox
- VContainer
- VDialog
- VDivider
- VExpansionPanel
- VExpansionPanels
- VExpansionPanelText
- VFooter
- VForm
- VIcon
- VItemGroup
- VList
- VListItem
- VListItemAction
- VListItemSubtitle
- VListItemTitle
- VListSubheader
- VMain (partially, needs further refactors after complete Vuetify removal)
- VMenu
- VNavigationDrawer
- VOverlay
- VProgressCircular
- VProgressLinear
- VResponsive
- VRow
- VSelect
- VSlideGroup
- VSlideGroupItem
- VSlider
- VSnackbar
- VSpacer
- VStepper
- VStepperHeader
- VStepperItem
- VStepperWindow
- VStepperWindowItem
- VSwitch
- VTab
- VTable
- VTabs
- VTextarea
- VTextField
- VToolbar
- VToolbarTitle
- VTooltip
- VWindow
- VWindowItem
Additional components
These components, while not included in Vuetify, are also desirable replacements:
- JSwiper (custom Vue wrapper around Swiper given the author wants to deprecate its maintenance)