From 8fad495fe485afd3f875c4be125ec8c0c39d6298 Mon Sep 17 00:00:00 2001
From: Alem Tuzlak <t.zlak@hotmail.com>
Date: Wed, 21 Aug 2024 16:43:40 +0200
Subject: [PATCH] Fix issues with lighthouse in local dev (#139)

* Fix issues with lighthouse in local dev

* version bump
---
 package.json                               | 2 +-
 src/client/components/InfoCard.tsx         | 4 ++--
 src/client/components/RouteSegmentInfo.tsx | 4 ++--
 src/test-apps/remix-vite/vite.config.ts    | 7 +++----
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index c677cfc..8ec7522 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "remix-development-tools",
   "description": "Remix development tools - a set of tools for developing/debugging Remix.run apps",
   "author": "Alem Tuzlak",
-  "version": "4.2.2",
+  "version": "4.2.3",
   "license": "MIT",
   "keywords": [
     "remix",
diff --git a/src/client/components/InfoCard.tsx b/src/client/components/InfoCard.tsx
index a62b512..2239511 100644
--- a/src/client/components/InfoCard.tsx
+++ b/src/client/components/InfoCard.tsx
@@ -12,7 +12,7 @@ export const InfoCard = ({
 }) => {
   return (
     <div className="rdt-mb-4 rdt-h-min rdt-rounded-lg rdt-border-solid rdt-border-gray-500/40 rdt-text-base rdt-font-normal rdt-text-white rdt-transition-all">
-      <h6
+      <h3
         className={clsx(
           "rdt-flex rdt-min-h-[30px] rdt-items-center rdt-text-left rdt-text-sm",
           onClear ? "rdt-flex rdt-items-center rdt-justify-between rdt-gap-3" : ""
@@ -27,7 +27,7 @@ export const InfoCard = ({
             Clear
           </button>
         )}
-      </h6>
+      </h3>
 
       {children}
     </div>
diff --git a/src/client/components/RouteSegmentInfo.tsx b/src/client/components/RouteSegmentInfo.tsx
index 3011126..f515739 100644
--- a/src/client/components/RouteSegmentInfo.tsx
+++ b/src/client/components/RouteSegmentInfo.tsx
@@ -102,7 +102,7 @@ export const RouteSegmentInfo = ({ route, i }: { route: UIMatch<unknown, unknown
       >
         <Icon name={isRoot ? "Root" : isLayout ? "Layout" : "CornerDownRight"} size="sm" />
       </div>
-      <h3 className="rdt-text-md -rdt-mt-3 rdt-mb-1 rdt-flex rdt-items-center rdt-justify-between rdt-gap-2 rdt-font-semibold rdt-text-white">
+      <h2 className="rdt-text-md -rdt-mt-3 rdt-mb-1 rdt-flex rdt-items-center rdt-justify-between rdt-gap-2 rdt-font-semibold rdt-text-white">
         {route.pathname}
 
         <div className="rdt-flex rdt-gap-2">
@@ -124,7 +124,7 @@ export const RouteSegmentInfo = ({ route, i }: { route: UIMatch<unknown, unknown
             />
           )}
         </div>
-      </h3>
+      </h2>
       <div className="rdt-mb-4">
         <p className="rdt-mb-2 rdt-block rdt-text-sm rdt-font-normal rdt-leading-none rdt-text-gray-500  ">
           Route segment file: {route.id}
diff --git a/src/test-apps/remix-vite/vite.config.ts b/src/test-apps/remix-vite/vite.config.ts
index c733ebd..d6b7d09 100644
--- a/src/test-apps/remix-vite/vite.config.ts
+++ b/src/test-apps/remix-vite/vite.config.ts
@@ -2,21 +2,20 @@ import { vitePlugin as remix } from "@remix-run/dev";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 import { remixDevTools, defineRdtConfig } from "remix-development-tools"
-
+ 
 const config = defineRdtConfig({
   client: {
   defaultOpen: false,
   panelLocation: "top",
   position: "top-right",
-  requireUrlFlag: true
+  requireUrlFlag: false
   },server: {},
   pluginDir: "./plugins",
   includeInProd: true,
   unstable_console: true
 }, ); 
-
 export default defineConfig({
-  plugins: [remixDevTools(config),remix({ future: {
+  plugins: [remixDevTools( config),remix({ future: {
     unstable_singleFetch: true
   } }), tsconfigPaths()],
   server: {