This is BETA documentation for Vuetify 3, examples and information may be broken or outdated.
Components not listed in the sidebar are not available yet.
Vuetify 2 documentation can be found on vuetifyjs.com
Components not listed in the sidebar are not available yet.
Vuetify 2 documentation can be found on vuetifyjs.com
# Upgrade Guide
# Introduction
This page contains a detailed list of breaking changes and the steps required to upgrade your application to Vuetify 3.0
# Setup
- Vuetify class removed, use createVuetify function
// 2.x
Vue.use(Vuetify)
const vuetify = new Vuetify({ ... })
const app = new Vue({
vuetify,
...
})
// 3.0
const app = createVue()
const vuetify = createVuetify({ ... })
app.use(vuetify)
- Something about importing styles?
# Features
# Layout
# Theme
# Components
# General changes
- light and dark props have been removed from all components. Use theme prop instead
- value prop has been replaced by model-value on components that support
v-model
usage - @input event has been replaced by @update:model-value on components that support
v-model
usage
# v-alert
- border prop values
left
andright
have been replaced bystart
andend
- colored-border prop has been replaced by border-color
- dismissable prop has been replaced by closeable
- outlined and text props have been replaced by single prop variant
- text prop has new purpose. It represents the text content of the alert, if default slot is not used
# v-app
- id prop has been removed