fix(monitor): Astro Monitoring component props (#116)

- fix typo
- Replaced individual props with MonitoringWithoutRouteProps type for better type safety.
- Removed unused variables and imports to clean up the code.
- Updated AstroMonitor component to spread props, enhancing flexibility and maintainability.

Author: xinyao27

packages/scan/src/core/monitor/params/astro/Monitoring.astro

@@ -1,16 +1,12 @@
 ---
+import type { MonitoringWithoutRouteProps } from '../..';
 // @ts-ignore This file will not be packaged, so the file to be imported should be a .mjs file.
 import { AstroMonitor } from './component.mjs';
 
-interface Props {
-  url?: string;
-  apiKey: string;
-}
-
-const { apiKey, url } = Astro.props;
+type Props = MonitoringWithoutRouteProps;
 
 const path = Astro.url.pathname;
 const params = Astro.params;
 ---
 
-<AstroMonitor apiKey={apiKey} url={url} path={pathname} params={params} client:only="react" />
+<AstroMonitor path={path} params={params} {...Astro.props} client:only="react" />

packages/scan/src/core/monitor/params/astro/component.ts

@@ -1,13 +1,16 @@
 import { createElement } from 'react';
-import { Monitoring as BaseMonitoring, type MonitoringWithoutRouteProps } from '../..';
+import {
+  Monitoring as BaseMonitoring,
+  type MonitoringWithoutRouteProps,
+} from '../..';
 import { computeRoute } from '../utils';
 
-export function AstroMonitor(props: {
-  url?: string;
-  apiKey: string;
-  path: string;
-  params: Record<string, string>;
-} & MonitoringWithoutRouteProps) {
+export function AstroMonitor(
+  props: {
+    path: string;
+    params: Record<string, string | undefined>;
+  } & MonitoringWithoutRouteProps,
+) {
   const path = props.path;
   const route = computeRoute(path, props.params);