refactor: ran lint --fix

Signed-off-by: rajput-hemant <rajput.hemant2001@gmail.com>

Author: rajput-hemant

bun.lockb

@@ -17,41 +17,43 @@
     "start": "vite --open --mode ssr",
     "type-check": "tsc --incremental --noEmit",
     "qwik": "qwik",
+    "clean": "rm -rf dist",
+    "cleani": "rm -rf dist && rm -rf node_modules && bun i",
     "prepare": "husky"
   },
   "dependencies": {
     "@qwikest/icons": "^0.0.13",
-    "clsx": "^2.0.0",
-    "tailwind-merge": "^2.0.0"
+    "clsx": "^2.1.0",
+    "tailwind-merge": "^2.3.0"
   },
   "devDependencies": {
-    "@builder.io/qwik": "^1.2.17",
-    "@builder.io/qwik-city": "^1.2.17",
-    "@commitlint/cli": "^18.2.0",
-    "@commitlint/config-conventional": "^18.1.0",
-    "@ianvs/prettier-plugin-sort-imports": "^4.1.1",
-    "@netlify/edge-functions": "^2.0.0",
-    "@types/eslint": "^8.44.4",
-    "@types/node": "^20.8.4",
-    "@typescript-eslint/eslint-plugin": "^6.7.5",
-    "@typescript-eslint/parser": "^6.7.5",
-    "autoprefixer": "^10.4.14",
-    "eslint": "^8.51.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-qwik": "^1.2.17",
-    "eslint-plugin-tailwindcss": "^3.13.0",
-    "husky": "^8.0.0",
-    "lint-staged": "^15.0.2",
-    "netlify-cli": "^15.0.0",
-    "postcss": "^8.4.31",
-    "prettier": "^3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.4",
-    "tailwindcss": "3.3.3",
-    "typescript": "^5.2.2",
-    "undici": "^5.26.0",
-    "vercel": "^29.1.1",
-    "vite": "^4.4.11",
-    "vite-tsconfig-paths": "^4.2.1"
+    "@builder.io/qwik": "^1.5.2",
+    "@builder.io/qwik-city": "^1.5.2",
+    "@commitlint/cli": "^18.6.1",
+    "@commitlint/config-conventional": "^18.6.3",
+    "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
+    "@netlify/edge-functions": "^2.5.1",
+    "@types/eslint": "^8.56.10",
+    "@types/node": "^20.12.7",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-qwik": "^1.5.2",
+    "eslint-plugin-tailwindcss": "^3.15.1",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.2.2",
+    "netlify-cli": "^15.11.0",
+    "postcss": "^8.4.38",
+    "prettier": "^3.2.5",
+    "prettier-plugin-tailwindcss": "^0.5.14",
+    "tailwindcss": "3.4.3",
+    "typescript": "^5.4.5",
+    "undici": "^5.28.4",
+    "vercel": "^29.4.0",
+    "vite": "^4.5.3",
+    "vite-tsconfig-paths": "^4.3.2"
   },
   "trustedDependencies": [
     "sharp"
@@ -68,6 +70,6 @@
     ]
   },
   "engines": {
-    "node": ">=15.0.0"
+    "node": ">=15.14.0"
   }
 }

package.json

@@ -20,11 +20,11 @@ export const ThemeSwitcher = component$<ThemeSwitcherProps>((props) => {
     <button onClick$={toggleTheme} {...props}>
       <LuSun
         aria-hidden="true"
-        class="h-5 w-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
+        class="size-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
       />
       <LuMoon
         aria-hidden="true"
-        class="absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
+        class="absolute size-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
       />
     </button>
   );

src/components/theme/theme-switcher.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable qwik/no-use-visible-task */
 import { useContext, useSignal, useVisibleTask$ } from "@builder.io/qwik";
 
 import type { Theme } from "~/components/theme";

src/hooks/use-theme.ts

@@ -87,12 +87,9 @@ export default component$(() => {
   });
 
   return (
-    <main class="layout grid min-h-screen w-full place-items-center bg-[#141414] bg-fixed text-white selection:bg-zinc-300 selection:text-black">
+    <main class="layout grid min-h-screen w-full place-items-center bg-black bg-fixed text-white selection:bg-zinc-300 selection:text-black">
       <section class="px-4">
-        <QwikLogo
-          alt="Next.js logo"
-          class="w-2h-28 mx-auto mb-6 h-28 md:max-w-full"
-        />
+        <QwikLogo class="w-2h-28 mx-auto mb-6 h-28 md:max-w-full" />
 
         <div class="grid items-center gap-6">
           <div class="flex flex-col justify-center space-y-4 text-center">
@@ -121,9 +118,9 @@ export default component$(() => {
                   class="text-zinc-400 transition-colors hover:text-white"
                 >
                   {isCopied.value ? (
-                    <LuClipboardCheck class="h-5 w-5" />
+                    <LuClipboardCheck class="size-5" />
                   ) : (
-                    <LuClipboard class="h-5 w-5" />
+                    <LuClipboard class="size-5" />
                   )}
                 </button>
               </p>
@@ -157,7 +154,7 @@ export default component$(() => {
                 rel="noopener noreferrer"
                 class="flex rounded-full border border-zinc-700 px-6 py-3 duration-300 hover:bg-white/10 hover:shadow-md hover:shadow-black"
               >
-                <LuFlameKindling class="mr-2 h-5 w-5" />
+                <LuFlameKindling class="mr-2 size-5" />
                 Use Template
               </a>
 
@@ -167,7 +164,7 @@ export default component$(() => {
                 rel="noopener noreferrer"
                 class="flex rounded-full border border-zinc-700 px-6 py-3 duration-300 hover:bg-white/10 hover:shadow-md hover:shadow-black"
               >
-                <LuGithub class="mr-2 h-5 w-5 " />
+                <LuGithub class="mr-2 size-5 " />
                 View Repo
               </a>
             </div>