@@ -58,8 +59,8 @@ const route = useRoute()
{{ operation.summary }}
-
Description
-
+
Description
+
diff --git a/webui/src/components/dashboard/http/HttpService.vue b/webui/src/components/dashboard/http/HttpService.vue
index 4b96ffdde..34c7518ab 100644
--- a/webui/src/components/dashboard/http/HttpService.vue
+++ b/webui/src/components/dashboard/http/HttpService.vue
@@ -63,7 +63,7 @@ function setTab(tab: string) {
hash: `#${tab}`
});
}
-watch(() => route.hash, (hash) => {
+watch(() => route.hash, (hash: string) => {
activeTab.value = hash ? hash.slice(1) : 'tab-paths'
},
{ immediate: true }
diff --git a/webui/src/components/dashboard/http/HttpServicesCard.vue b/webui/src/components/dashboard/http/HttpServicesCard.vue
index f593c2383..7ae91c159 100644
--- a/webui/src/components/dashboard/http/HttpServicesCard.vue
+++ b/webui/src/components/dashboard/http/HttpServicesCard.vue
@@ -2,9 +2,9 @@
import { useMetrics } from '@/composables/metrics';
import { usePrettyDates } from '@/composables/usePrettyDate';
import { useRoute } from '@/router';
-import Markdown from 'vue3-markdown-it';
-import { onUnmounted } from 'vue';
+import { computed, onUnmounted } from 'vue';
import { useDashboard } from '@/composables/dashboard';
+import { useMarkdown } from '@/composables/markdown';
const { sum, max } = useMetrics()
const { format } = usePrettyDates()
@@ -68,7 +68,7 @@ onUnmounted(() => {
{{ service.name }}
- |
+ |
{{ lastRequest(service) }} |
{{ requests(service) }}
diff --git a/webui/src/components/dashboard/http/Request.vue b/webui/src/components/dashboard/http/Request.vue
index cb1ce31d6..8e556fa6f 100644
--- a/webui/src/components/dashboard/http/Request.vue
+++ b/webui/src/components/dashboard/http/Request.vue
@@ -79,7 +79,10 @@ const eventData = computed(() => {
})
function getResponseContentType(): string {
- return eventData.value?.response.headers['Content-Type'] ?? ''
+ if (!eventData.value?.response?.headers) {
+ return ''
+ }
+ return eventData.value.response.headers['Content-Type'] ?? ''
}
const hasActions = computed(() => {
if (!eventData.value) {
diff --git a/webui/src/components/dashboard/http/Servers.vue b/webui/src/components/dashboard/http/Servers.vue
index 53080f6a7..bf24ce7e6 100644
--- a/webui/src/components/dashboard/http/Servers.vue
+++ b/webui/src/components/dashboard/http/Servers.vue
@@ -1,6 +1,6 @@
|