style: fix liniting errors

Author: shairez

packages/website/src/components/header/header.tsx

@@ -15,7 +15,7 @@ export default component$(() => {
   const appState = useContext(APP_STATE);
   const menuOpenSignal = useSignal(false);
 
-  const toggleMenu = $(() => {
+  const toggleMenu$ = $(() => {
     menuOpenSignal.value = !menuOpenSignal.value;
   });
 
@@ -32,7 +32,7 @@ export default component$(() => {
         <button
           type="button"
           aria-label="Toggle navigation"
-          onClick$={toggleMenu}
+          onClick$={toggleMenu$}
           class="block lg:hidden"
         >
           {menuOpenSignal.value ? <CloseIcon /> : <MenuIcon />}
@@ -41,7 +41,7 @@ export default component$(() => {
           <aside class="fixed top-0 left-0">
             <div class="fixed h-screen w-screen bg-gray-900/20 backdrop-blur-sm"></div>
             <div class="fixed h-screen w-80 overflow-y-scroll bg-white dark:bg-slate-800">
-              <Menu onClose={toggleMenu} />
+              <Menu onClose$={toggleMenu$} />
             </div>
           </aside>
         )}

packages/website/src/components/menu/menu.tsx

@@ -4,10 +4,10 @@ import { APP_STATE } from '../../constants';
 import { CloseIcon } from '../icons/CloseIcon';
 
 type Props = {
-  onClose?: PropFunction<() => void>;
+  onClose$?: PropFunction<() => void>;
 };
 
-export const Menu = component$<Props>(({ onClose }) => {
+export const Menu = component$<Props>(({ onClose$ }) => {
   const appState = useContext(APP_STATE);
   const menu = [
     { label: 'Button', path: `/docs/${appState.theme.toLowerCase()}/button` },
@@ -28,17 +28,18 @@ export const Menu = component$<Props>(({ onClose }) => {
   ];
 
   const onChangePage = $(() => {
-    if (onClose) {
-      onClose();
+    if (onClose$) {
+      onClose$();
     }
   });
 
   return (
     <div class="px-4 py-4">
       <div class="flex items-center justify-between">
         <h4 class="text-2xl">Documentation</h4>
-        {onClose && (
-          <h5 onClick$={onClose}>
+        {onClose$ && (
+          // eslint-disable-next-line qwik/valid-lexical-scope
+          <h5 onClick$={onClose$}>
             <CloseIcon />
           </h5>
         )}