Skip to content

feat!: replace Vuetify with in-house components #2563

@ferferga

Description

@ferferga

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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    good first issueGood for newcomersmetaIssues that track a number of other points

    Type

    No type

    Projects

    Status

    Inminent

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions