fix(dialog): resolve lint-error concerning scope

Author: GregOnNet

packages/kit-headless/src/components/dialog/dialog.close.tsx

@@ -1,16 +1,11 @@
-import { $, Slot, component$, useContext, useOn } from '@builder.io/qwik';
+import { Slot, component$, useContext } from '@builder.io/qwik';
 import { dialogContext } from './dialog.context';
 
 export const Close = component$(() => {
  const context = useContext(dialogContext);
 
- useOn(
- 'click',
- $(() => context.close$())
- );
-
  return (
- <section>
+ <section onClick$={context.close$}>
  <Slot />
  </section>
  );

packages/kit-headless/src/components/dialog/dialog.trigger.tsx

@@ -1,16 +1,11 @@
-import { $, Slot, component$, useContext, useOn } from '@builder.io/qwik';
+import { Slot, component$, useContext } from '@builder.io/qwik';
 import { dialogContext } from './dialog.context';
 
 export const Trigger = component$(() => {
  const context = useContext(dialogContext);
 
- useOn(
- 'click',
- $(() => context.open$())
- );
-
  return (
- <section>
+ <section onClick$={context.open$}>
  <Slot />
  </section>
  );