mod vue2 to vue3

exam-vue/src/views/profile/components/UserCard.vue

@@ -1,8 +1,10 @@
 <template>
   <el-card style="margin-bottom:20px;">
-    <div slot="header" class="clearfix">
-      <span>个人资料</span>
-    </div>
+    <template #header>
+      <div class="clearfix">
+        <span>个人资料</span>
+      </div>
+    </template>
 
     <div class="user-profile">
       <div class="box-center">
@@ -13,14 +15,14 @@
       </div>
       <div class="box-center">
         <div class="user-name text-center">{{ user.name }}</div>
-        <div class="user-role text-center text-muted">{{ user.role | uppercaseFirst }}</div>
+        <div class="user-role text-center text-muted">{{ $filters.uppercaseFirst(user.role) }}</div>
       </div>
     </div>
   </el-card>
 </template>
 
 <script>
-import PanThumb from '@/components/PanThumb'
+import PanThumb from '@/components/PanThumb/index.vue'
 
 export default {
   components: { PanThumb },