p

components/i/UserInfo.vue

@@ -2,9 +2,10 @@
     <div class="flex w-full justify-between items-center gap-2">
         <div class="flex flex-grow">
             <UDropdown class="flex flex-grow" :items="items">
-                <UButton class="flex flex-grow items-center gap-2" color="gray" variant="ghost">
+                <UButton class="flex flex-grow gap-2" color="gray" variant="ghost">
                     <UAvatar src="https://csdn-665-inscode.s3.cn-north-1.jdcloud-oss.com/inscode/202303/622eda98dfef6c4fdb84ccca/1680089871598-75919715-hvlk99ddLLhyNTXtl4TaQAgeFBFz4ZGD/avatar" />
                     <div>Aresn</div>
+                    <UBadge size="xs" color="purple" variant="soft" label="PRO" />
                     <UIcon name="i-heroicons-chevron-down-20-solid" />
                 </UButton>
             </UDropdown>

pages/index.vue

@@ -3,5 +3,3 @@
         <ICreate />
     </div>
 </template>
-<script setup>
-</script>