多个内建组件添加 defineOptions 以设置组件名称

Author: hooray

src/ui/components/FaAvatar/index.vue

@@ -3,6 +3,10 @@ import type { HTMLAttributes } from 'vue'
 import type { AvatarVariants } from './avatar'
 import { Avatar, AvatarFallback, AvatarImage } from './avatar'
 
+defineOptions({
+  name: 'FaAvatar',
+})
+
 const props = defineProps<{
   src: string
   fallback?: string

src/ui/components/FaSlider/index.vue

@@ -3,6 +3,10 @@ import type { SliderRootProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
 import { Slider } from './slider'
 
+defineOptions({
+  name: 'FaSlider',
+})
+
 const props = withDefaults(defineProps<{
   defaultValue?: SliderRootProps['defaultValue']
   disabled?: SliderRootProps['disabled']