[Vuejs]-Getting 'Failed to resolve component' when using Vuetify on all Vuetify tags

I found the solution,Vuetify wasnt registered in my main.ts file:

import 'vuetify/styles'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';

const vuetify = createVuetify({
  components,
  directives,
})

createApp(App)
  .use(router)
  .use(vuetify)
  .mount('#app');