Merge pull request #145 from buggregator/issue/#143-fix-inspector-page-open

[bugfix] fix inspector page open

Author: butschster

src/entities/http-dump/ui/preview-card/preview-card.vue

@@ -15,7 +15,7 @@ const uri = decodeURI(props.event.payload.request.uri);
 
 <template>
   <PreviewCard class="preview-card" :event="event">
-    <NuxtLink tag="div" :to="eventLink" class="preview-card__link">
+    <NuxtLink :to="eventLink" class="preview-card__link">
       <span class="preview-card__method">
         {{ event.payload.request.method }} </span
       >:

src/entities/inspector/types.ts

@@ -59,3 +59,4 @@ export interface InspectorSegment {
 }
 
 export type Inspector = InspectorTransaction[] | InspectorSegment[];
+

src/entities/sentry/ui/preview-card/preview-card.vue

@@ -45,7 +45,7 @@ const exception: Ref<Exception> = computed(() =>
       :exception="exception"
       :max-frames="maxFrames"
     >
-      <NuxtLink tag="div" :to="eventLink" class="preview-card__link">
+      <NuxtLink :to="eventLink" class="preview-card__link">
         <h3 class="preview-card__title">
           {{ exception.type }}
         </h3>
@@ -55,7 +55,7 @@ const exception: Ref<Exception> = computed(() =>
     </SentryException>
 
     <div v-if="message">
-      <NuxtLink tag="div" :to="eventLink" class="preview-card__link">
+      <NuxtLink :to="eventLink" class="preview-card__link">
         <pre class="preview-card__text" v-html="message" />
       </NuxtLink>
     </div>

src/screens/inspector/ui/inspector-page-timeline/inspector-page-timeline.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 import type { Ref } from "vue";
-import {
+import type {
   InspectorSegment,
   InspectorTransaction,
   Inspector,

src/screens/inspector/ui/inspector-page/inspector-page.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/vue3";
-import { useInspector } from "~/src/entities/inspector";
-import { inspectorMock } from '~/src/entities/inspector/mocks'
+import { useInspector } from '~/src/entities/inspector';
+import { inspectorMock } from '~/src/entities/inspector/mocks';
 import InspectorPage from './inspector-page.vue';
 
 const { normalizeInspectorEvent } = useInspector();

src/screens/inspector/ui/inspector-page/inspector-page.vue

@@ -2,7 +2,7 @@
 import moment from "moment/moment";
 import { computed } from "vue";
 import { InspectorStatBoard } from "~/src/entities/inspector";
-import { Inspector } from "~/src/entities/inspector/types";
+import type { Inspector } from "~/src/entities/inspector/types";
 import type { NormalizedEvent } from "~/src/shared/types";
 import { TableBase, TableBaseRow } from "~/src/shared/ui";
 import { InspectorPageTimeline } from "../inspector-page-timeline";