diff --git a/src/ui/components/FaAvatar/index.vue b/src/ui/components/FaAvatar/index.vue
index de80b716..d3208d40 100644
--- a/src/ui/components/FaAvatar/index.vue
+++ b/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
diff --git a/src/ui/components/FaSlider/index.vue b/src/ui/components/FaSlider/index.vue
index b51391c3..83ff09f3 100644
--- a/src/ui/components/FaSlider/index.vue
+++ b/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']