Laravel Vicon 在 Vuetify 3 中不显示图标

我有一个带有Vue 2.6和Vutify 2的Laravel 9应用程序.在这个应用程序中，我以以下方式使用v-icon，并且它可以工作.

 <v-icon color="black" large @click="closeDialog()">
        mdi-arrow-left
 </v-icon>

此外，如果我想要在v文本字段或v文本区域中追加/预先添加图标，则可以使用它

 <v-textarea
     v-model.trim="commentText"  
     label="Write a comment.."
     append-icon="mdi-send"
    >
 </v-textarea>  

我正在将我的应用程序迁移到Laravel 10、Vue 3和Vutify 3.在此应用程序中，v-icon不显示任何内容.下面没有显示任何内容，我也没有在控制台中看到任何错误.

<v-icon>mdi-cog</v-icon>
<v-icon> mdi-calendar</v-icon>
<v-icon> mdi-access-point </v-icon>
<v-icon> mdi-star </v-icon>

作为一种解决办法(在一些Google搜索之后)，我导入图标(通过@jamescoyle/vue-icon)，然后将其与svg-icon一起使用，如下所示:

<v-icon
                    size="36"
                    color="black"
                    large
                >
                    <svg-icon
                        type="mdi"
                        size="36"
                        :path="mdiArrowLeft"
                    ></svg-icon>
                </v-icon>

这是我的资源/js/app.js

import './bootstrap';
import { createApp } from 'vue';

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

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


const app = createApp({});

import ExampleComponent from './components/ExampleComponent.vue';
app.component('example-component', ExampleComponent);

//app.mount('#app');  

// Updated to use vuetify
app.use(vuetify).mount('#app');

我的问题是:如何让v-icon像以前一样在我的Vue-Vutify 3应用程序中运行.