fix: biome lint override

Author: segunadebayo

packages/vue/src/components/dialog/examples/multiple-triggers.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Dialog } from '@ark-ui/vue/dialog'
+import { Dialog } from '@ark-ui/vue/dialog'
 import { XIcon } from 'lucide-vue-next'
 import { ref } from 'vue'
 import button from 'styles/button.module.css'
@@ -19,14 +19,10 @@ const users: User[] = [
 ]
 
 const activeUser = ref<User | null>(null)
-
-const onTriggerValueChange = (e: Dialog.TriggerValueChangeDetails) => {
-  activeUser.value = users.find((u) => u.id === e.value) ?? null
-}
 </script>
 
 <template>
-  <Dialog.Root @trigger-value-change="onTriggerValueChange">
+  <Dialog.Root @trigger-value-change="(e) => (activeUser = users.find((u) => u.id === e.value) ?? null)">
     <div :class="button.Group">
       <Dialog.Trigger v-for="user in users" :key="user.id" :value="user.id" :class="button.Root">
         Edit {{ user.name }}

packages/vue/src/components/drawer/examples/multiple-triggers.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Drawer } from '@ark-ui/vue/drawer'
+import { Drawer } from '@ark-ui/vue/drawer'
 import { XIcon } from 'lucide-vue-next'
 import { ref } from 'vue'
 import button from 'styles/button.module.css'
@@ -19,14 +19,10 @@ const users: User[] = [
 ]
 
 const activeUser = ref<User | null>(null)
-
-const onTriggerValueChange = (e: Drawer.TriggerValueChangeDetails) => {
-  activeUser.value = users.find((u) => u.id === e.value) ?? null
-}
 </script>
 
 <template>
-  <Drawer.Root @trigger-value-change="onTriggerValueChange">
+  <Drawer.Root @trigger-value-change="(e) => (activeUser = users.find((u) => u.id === e.value) ?? null)">
     <div :class="button.Group">
       <Drawer.Trigger v-for="user in users" :key="user.id" :value="user.id" :class="button.Root">
         Edit {{ user.name }}

packages/vue/src/components/hover-card/examples/multiple-triggers.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { HoverCard } from '@ark-ui/vue/hover-card'
+import { HoverCard } from '@ark-ui/vue/hover-card'
 import { ref } from 'vue'
 import styles from 'styles/hover-card.module.css'
 
@@ -36,14 +36,10 @@ const profiles: Profile[] = [
 ]
 
 const activeProfile = ref<Profile | null>(null)
-
-const onTriggerValueChange = (e: HoverCard.TriggerValueChangeDetails) => {
-  activeProfile.value = profiles.find((p) => p.id === e.value) ?? null
-}
 </script>
 
 <template>
-  <HoverCard.Root @trigger-value-change="onTriggerValueChange">
+  <HoverCard.Root @trigger-value-change="(e) => (activeProfile = profiles.find((p) => p.id === e.value) ?? null)">
     <p :class="styles.Paragraph">
       Reviewed by
       <HoverCard.Trigger value="sarah" as-child>

packages/vue/src/components/popover/examples/multiple-triggers.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Popover } from '@ark-ui/vue/popover'
+import { Popover } from '@ark-ui/vue/popover'
 import { ref } from 'vue'
 import button from 'styles/button.module.css'
 import styles from 'styles/popover.module.css'
@@ -17,14 +17,10 @@ const items: Item[] = [
 ]
 
 const activeItem = ref<Item | null>(null)
-
-const onTriggerValueChange = (e: Popover.TriggerValueChangeDetails) => {
-  activeItem.value = items.find((i) => i.id === e.value) ?? null
-}
 </script>
 
 <template>
-  <Popover.Root @trigger-value-change="onTriggerValueChange">
+  <Popover.Root @trigger-value-change="(e) => (activeItem = items.find((i) => i.id === e.value) ?? null)">
     <div :class="button.Group">
       <Popover.Trigger v-for="item in items" :key="item.id" :value="item.id" :class="button.Root">
         {{ item.label }}

packages/vue/src/components/tooltip/examples/multiple-triggers.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Tooltip } from '@ark-ui/vue/tooltip'
+import { Tooltip } from '@ark-ui/vue/tooltip'
 import { BoldIcon, ItalicIcon, StrikethroughIcon, UnderlineIcon } from 'lucide-vue-next'
 import { ref } from 'vue'
 import styles from 'styles/tooltip.module.css'
@@ -19,14 +19,10 @@ const tools: Tool[] = [
 ]
 
 const activeTool = ref<Tool | null>(null)
-
-const onTriggerValueChange = (e: Tooltip.TriggerValueChangeDetails) => {
-  activeTool.value = tools.find((t) => t.id === e.value) ?? null
-}
 </script>
 
 <template>
-  <Tooltip.Root @trigger-value-change="onTriggerValueChange">
+  <Tooltip.Root @trigger-value-change="(e) => (activeTool = tools.find((t) => t.id === e.value) ?? null)">
     <div :class="styles.Toolbar">
       <Tooltip.Trigger v-for="tool in tools" :key="tool.id" :value="tool.id" :class="styles.ToolbarButton">
         <component :is="tool.icon" />