chore: remove @qwik.dev/router dependency and fix bug when running start in ui folder

packages/ui/package.json

@@ -33,8 +33,7 @@
     "qwik": "qwik"
   },
   "peerDependencies": {
-    "@qwik.dev/core": "^2.0.0-alpha.9",
-    "@qwik.dev/router": "^2.0.0-alpha.9"
+    "@qwik.dev/core": "^2.0.0-alpha.9"
   },
   "devDependencies": {
     "@devtools/kit": "workspace:*",

packages/ui/src/devtools.tsx

@@ -1,10 +1,11 @@
 import {
   component$,
   useStore,
-  useVisibleTask$,
   noSerialize,
   useStyles$,
-  useSignal
+  useSignal,
+  useTask$,
+  isBrowser
 } from "@qwik.dev/core";
 import { tryCreateHotContext } from "vite-hot-client";
 import {
@@ -57,7 +58,8 @@ export const QwikDevtools = component$(() => {
   });
 
   // eslint-disable-next-line qwik/no-use-visible-task
-  useVisibleTask$(async ({ track }) => {
+  useTask$(async ({ track }) => {
+    if (isBrowser) {
     const hot = await tryCreateHotContext(undefined, ["/"]);
 
     if (!hot) {
@@ -102,6 +104,7 @@ export const QwikDevtools = component$(() => {
         });
       }
     });
+  }
   });
 
   return (

packages/ui/src/features/Routes/Routes.tsx

@@ -1,13 +1,11 @@
 import { component$ } from "@qwik.dev/core";
 import { State } from "../../types/state";
-import { useLocation } from "@qwik.dev/router";
 
 interface RoutesProps {
   state: State;
 }
 
 export const Routes = component$(({ state }: RoutesProps) => {
-  const location = useLocation();
 
   return (
     <div class="overflow-hidden rounded-xl border border-white/10 flex-1">
@@ -33,9 +31,9 @@ export const Routes = component$(({ state }: RoutesProps) => {
               <span
                 class={{
                   "text-emerald-400":
-                    (location.url.pathname === "/" &&
+                    (location.pathname === "/" &&
                       route.relativePath === "") ||
-                    location.url.pathname === `/${route.relativePath}/`,
+                    location.pathname === `/${route.relativePath}/`,
                 }}
               >
                 {route.relativePath === "" ? "/" : `/${route.relativePath}/`}

packages/ui/src/features/inspect/Inspect.tsx

@@ -1,18 +1,16 @@
 import { component$ } from "@qwik.dev/core";
 // import { State } from "../../types/state";
-import { useLocation } from "@qwik.dev/router";
+// import { useLocation } from "@qwik.dev/router";
 import {inspectorLink} from './constant'
 // interface RoutesProps {
 //   state: State;
 // }
 
 //@ts-ignore
 export const Inspect = component$(() => {
-  const location = useLocation();
-  console.log(location);
   return (
     <div class="overflow-hidden rounded-xl border border-white/10 flex-1">
-      <iframe src={`${location.url.href}${inspectorLink}`} width={'100%'} height={'100%'}></iframe>
+      <iframe src={`${location.href}${inspectorLink}`} width={'100%'} height={'100%'}></iframe>
     </div>
   );
 });