fix: lint

src/components/ui/popover/Popover.vue

@@ -1,19 +1,15 @@
 <script setup lang="ts">
-import type { PopoverRootEmits, PopoverRootProps } from 'reka-ui'
-import { PopoverRoot, useForwardPropsEmits } from 'reka-ui'
+import type { PopoverRootEmits, PopoverRootProps } from "reka-ui";
+import { PopoverRoot, useForwardPropsEmits } from "reka-ui";
 
-const props = defineProps<PopoverRootProps>()
-const emits = defineEmits<PopoverRootEmits>()
+const props = defineProps<PopoverRootProps>();
+const emits = defineEmits<PopoverRootEmits>();
 
-const forwarded = useForwardPropsEmits(props, emits)
+const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <PopoverRoot
-    v-slot="slotProps"
-    data-slot="popover"
-    v-bind="forwarded"
-  >
+  <PopoverRoot v-slot="slotProps" data-slot="popover" v-bind="forwarded">
     <slot v-bind="slotProps" />
   </PopoverRoot>
 </template>

src/components/ui/popover/PopoverAnchor.vue

@@ -1,15 +1,12 @@
 <script setup lang="ts">
-import type { PopoverAnchorProps } from 'reka-ui'
-import { PopoverAnchor } from 'reka-ui'
+import type { PopoverAnchorProps } from "reka-ui";
+import { PopoverAnchor } from "reka-ui";
 
-const props = defineProps<PopoverAnchorProps>()
+const props = defineProps<PopoverAnchorProps>();
 </script>
 
 <template>
-  <PopoverAnchor
-    data-slot="popover-anchor"
-    v-bind="props"
-  >
+  <PopoverAnchor data-slot="popover-anchor" v-bind="props">
     <slot />
   </PopoverAnchor>
 </template>

src/components/ui/popover/PopoverContent.vue

@@ -1,30 +1,23 @@
 <script setup lang="ts">
-import type { PopoverContentEmits, PopoverContentProps } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-import { reactiveOmit } from '@vueuse/core'
-import {
-  PopoverContent,
-  PopoverPortal,
-  useForwardPropsEmits,
-} from 'reka-ui'
-import { cn } from '@/lib/utils'
+import type { PopoverContentEmits, PopoverContentProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { PopoverContent, PopoverPortal, useForwardPropsEmits } from "reka-ui";
+import { cn } from "@/lib/utils";
 
 defineOptions({
   inheritAttrs: false,
-})
+});
 
-const props = withDefaults(
-  defineProps<PopoverContentProps & { class?: HTMLAttributes['class'] }>(),
-  {
-    align: 'center',
-    sideOffset: 4,
-  },
-)
-const emits = defineEmits<PopoverContentEmits>()
+const props = withDefaults(defineProps<PopoverContentProps & { class?: HTMLAttributes["class"] }>(), {
+  align: "center",
+  sideOffset: 4,
+});
+const emits = defineEmits<PopoverContentEmits>();
 
-const delegatedProps = reactiveOmit(props, 'class')
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>

src/components/ui/popover/PopoverDescription.vue

@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <p
-    data-slot="popover-description"
-    :class="cn('text-muted-foreground', props.class)"
-  >
+  <p data-slot="popover-description" :class="cn('text-muted-foreground', props.class)">
     <slot />
   </p>
 </template>

src/components/ui/popover/PopoverHeader.vue

@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <div
-    data-slot="popover-header"
-    :class="cn('flex flex-col gap-0.5 text-sm', props.class)"
-  >
+  <div data-slot="popover-header" :class="cn('flex flex-col gap-0.5 text-sm', props.class)">
     <slot />
   </div>
 </template>

src/components/ui/popover/PopoverTitle.vue

@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
-  <div
-    data-slot="popover-title"
-    :class="cn('font-medium cn-font-heading', props.class)"
-  >
+  <div data-slot="popover-title" :class="cn('font-medium cn-font-heading', props.class)">
     <slot />
   </div>
 </template>

src/components/ui/popover/PopoverTrigger.vue

@@ -1,15 +1,12 @@
 <script setup lang="ts">
-import type { PopoverTriggerProps } from 'reka-ui'
-import { PopoverTrigger } from 'reka-ui'
+import type { PopoverTriggerProps } from "reka-ui";
+import { PopoverTrigger } from "reka-ui";
 
-const props = defineProps<PopoverTriggerProps>()
+const props = defineProps<PopoverTriggerProps>();
 </script>
 
 <template>
-  <PopoverTrigger
-    data-slot="popover-trigger"
-    v-bind="props"
-  >
+  <PopoverTrigger data-slot="popover-trigger" v-bind="props">
     <slot />
   </PopoverTrigger>
 </template>

src/components/ui/popover/index.ts

@@ -1,7 +1,7 @@
-export { default as Popover } from './Popover.vue'
-export { default as PopoverAnchor } from './PopoverAnchor.vue'
-export { default as PopoverContent } from './PopoverContent.vue'
-export { default as PopoverDescription } from './PopoverDescription.vue'
-export { default as PopoverHeader } from './PopoverHeader.vue'
-export { default as PopoverTitle } from './PopoverTitle.vue'
-export { default as PopoverTrigger } from './PopoverTrigger.vue'
+export { default as Popover } from "./Popover.vue";
+export { default as PopoverAnchor } from "./PopoverAnchor.vue";
+export { default as PopoverContent } from "./PopoverContent.vue";
+export { default as PopoverDescription } from "./PopoverDescription.vue";
+export { default as PopoverHeader } from "./PopoverHeader.vue";
+export { default as PopoverTitle } from "./PopoverTitle.vue";
+export { default as PopoverTrigger } from "./PopoverTrigger.vue";