Vuetify 3 is newer version of Vuetify Material UI for Vue. Most of the part of in new version follows the Vue3 composition API. We can use the Vuetify with the plugin.

Vuetify 2 is not compatible with Vue 3

Using vue ui / vue create

Create a Vue3 project using vue create or HBuilder X project or using the Vue ui command from terminal.

 vue create <project-name>

Vue UI

Vue UI has the complete project management tool, which help us to add plugins and dependencies which will auto configure everything. For instance it can add Vue router files for us.

Launch the Vue ui from terminal, if your not using the vue ui for project creation, otherwise it may be already open.

Import of Open project using the Home (bottom left side) and go to plugins and find the Vuetify 3 plugin using the Add Plugins button. Now we are ready , our Vuetify 3 UI is ready for use, the plugins and necessary files were added.

Let's run the project

 This free site is ad-supported. Learn more
​