Clean code.

components/ui/hover-card/HoverCard.vue

@@ -1,10 +1,15 @@
 <script setup lang="ts">
-import { HoverCardRoot, type HoverCardRootEmits, type HoverCardRootProps, useForwardPropsEmits } from 'reka-ui'
+import {
+  HoverCardRoot,
+  type HoverCardRootEmits,
+  type HoverCardRootProps,
+  useForwardPropsEmits,
+} from "reka-ui";
 
-const props = defineProps<HoverCardRootProps>()
-const emits = defineEmits<HoverCardRootEmits>()
+const props = defineProps<HoverCardRootProps>();
+const emits = defineEmits<HoverCardRootEmits>();
 
-const forwarded = useForwardPropsEmits(props, emits)
+const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>

components/ui/hover-card/HoverCardContent.vue

@@ -1,27 +1,27 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils";
 import {
   HoverCardContent,
   type HoverCardContentProps,
   HoverCardPortal,
   useForwardProps,
-} from 'reka-ui'
-import { computed, type HTMLAttributes } from 'vue'
+} from "reka-ui";
+import { computed, type HTMLAttributes } from "vue";
 
 const props = withDefaults(
-  defineProps<HoverCardContentProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<HoverCardContentProps & { class?: HTMLAttributes["class"] }>(),
   {
     sideOffset: 4,
   },
-)
+);
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
+  const { class: _, ...delegated } = props;
 
-  return delegated
-})
+  return delegated;
+});
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>

components/ui/hover-card/HoverCardTrigger.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { HoverCardTrigger, type HoverCardTriggerProps } from 'reka-ui'
+import { HoverCardTrigger, type HoverCardTriggerProps } from "reka-ui";
 
-const props = defineProps<HoverCardTriggerProps>()
+const props = defineProps<HoverCardTriggerProps>();
 </script>
 
 <template>

components/ui/hover-card/index.ts

@@ -1,3 +1,3 @@
-export { default as HoverCard } from './HoverCard.vue'
-export { default as HoverCardContent } from './HoverCardContent.vue'
-export { default as HoverCardTrigger } from './HoverCardTrigger.vue'
+export { default as HoverCard } from "./HoverCard.vue";
+export { default as HoverCardContent } from "./HoverCardContent.vue";
+export { default as HoverCardTrigger } from "./HoverCardTrigger.vue";