From 86ec9c985bd904512a021cfbb51785c1185a28d2 Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Thu, 20 Jan 2022 15:52:53 +0800
Subject: [PATCH] style: fix building info

---
 src/components/DateCalendar.vue               | 14 ++--
 src/components/Graph.vue                      | 12 +---
 src/components/Icon.vue                       |  9 ++-
 src/components/Selector.vue                   |  5 +-
 src/components/TimePicker.vue                 | 70 ++++++++++---------
 src/store/modules/dashboard.ts                |  3 +-
 src/views/Log.vue                             |  2 +-
 .../dashboard/configuration/MetricOptions.vue |  3 +-
 .../configuration/StandardOptions.vue         |  3 +-
 .../dashboard/configuration/WidgetOptions.vue |  3 +-
 .../configuration/graph-styles/Area.vue       |  3 +-
 .../configuration/graph-styles/Bar.vue        |  3 +-
 .../configuration/graph-styles/Card.vue       |  3 +-
 .../graph-styles/EndpointList.vue             |  3 +-
 .../graph-styles/InstanceList.vue             |  3 +-
 .../configuration/graph-styles/Line.vue       |  3 +-
 .../graph-styles/ServiceList.vue              |  3 +-
 .../configuration/graph-styles/Table.vue      |  3 +-
 .../configuration/graph-styles/TopList.vue    |  3 +-
 src/views/dashboard/controls/Tab.vue          |  4 +-
 src/views/dashboard/graphs/Area.vue           |  2 +-
 src/views/dashboard/graphs/Bar.vue            |  3 +-
 src/views/dashboard/graphs/Card.vue           |  2 +-
 src/views/dashboard/graphs/EndpointList.vue   |  3 +-
 src/views/dashboard/graphs/HeatMap.vue        |  3 +-
 src/views/dashboard/graphs/InstanceList.vue   |  3 +-
 src/views/dashboard/graphs/Line.vue           |  3 +-
 src/views/dashboard/graphs/Pie.vue            |  3 +-
 src/views/dashboard/graphs/ServiceList.vue    |  3 +-
 src/views/dashboard/graphs/Table.vue          |  3 +-
 src/views/dashboard/graphs/TopList.vue        |  3 +-
 src/views/service/Profiles.vue                |  2 +-
 src/views/service/Topology.vue                |  2 +-
 src/views/service/Traces.vue                  |  2 +-
 34 files changed, 108 insertions(+), 84 deletions(-)

diff --git a/src/components/DateCalendar.vue b/src/components/DateCalendar.vue
index b5736399..0b6b105b 100755
--- a/src/components/DateCalendar.vue
+++ b/src/components/DateCalendar.vue
@@ -277,15 +277,9 @@ limitations under the License. -->
 </template>
 
 <script lang="ts" setup>
-import {
-  defineProps,
-  computed,
-  defineEmits,
-  onMounted,
-  watch,
-  reactive,
-} from "vue";
+import { computed, onMounted, watch, reactive } from "vue";
 import { useI18n } from "vue-i18n";
+/*global defineProps, defineEmits */
 const emit = defineEmits(["input", "setDates", "ok"]);
 const { t } = useI18n();
 const props = defineProps({
@@ -580,11 +574,13 @@ onMounted(() => {
   user-select: none;
   color: #3d444f;
 }
+
 .calendar + .calendar {
   border-left: solid 1px #eaeaea;
   margin-left: 5px;
   padding-left: 5px;
 }
+
 .calendar-head {
   line-height: 34px;
   height: 34px;
@@ -630,10 +626,12 @@ onMounted(() => {
 .calendar-next-month-btn {
   right: 24px;
 }
+
 .calendar-next-month-btn .middle,
 .calendar-prev-month-btn .middle {
   margin-top: 8px;
 }
+
 .calendar-body {
   position: relative;
   width: 196px;
diff --git a/src/components/Graph.vue b/src/components/Graph.vue
index 85d85d4d..dd4fd445 100644
--- a/src/components/Graph.vue
+++ b/src/components/Graph.vue
@@ -16,20 +16,12 @@ limitations under the License. -->
   <div ref="chartRef" :style="`height:${height};width:${width};`"></div>
 </template>
 <script lang="ts" setup>
-import {
-  watch,
-  ref,
-  defineProps,
-  Ref,
-  onMounted,
-  onBeforeUnmount,
-  unref,
-} from "vue";
+import { watch, ref, Ref, onMounted, onBeforeUnmount, unref } from "vue";
 import type { PropType } from "vue";
 import { useECharts } from "@/hooks/useEcharts";
 import { addResizeListener, removeResizeListener } from "@/utils/event";
 
-/*global Nullable*/
+/*global Nullable, defineProps*/
 const chartRef = ref<Nullable<HTMLDivElement>>(null);
 const { setOptions, resize } = useECharts(chartRef as Ref<HTMLDivElement>);
 const props = defineProps({
diff --git a/src/components/Icon.vue b/src/components/Icon.vue
index 791f42fd..10becdac 100644
--- a/src/components/Icon.vue
+++ b/src/components/Icon.vue
@@ -28,8 +28,9 @@ limitations under the License. -->
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from "vue";
 import "@/assets/icons/index";
+
+/*global defineProps */
 defineProps({
   iconName: { type: String, default: "" },
   size: { type: String, default: "sm" },
@@ -42,25 +43,31 @@ defineProps({
   height: 16px;
   vertical-align: middle;
   fill: currentColor;
+
   &.sm {
     width: 14px;
     height: 14px;
   }
+
   &.middle {
     width: 18px;
     height: 18px;
   }
+
   &.lg {
     width: 24px;
     height: 24px;
   }
+
   &.loading {
     animation: loading 1.5s linear infinite;
   }
+
   &.logo {
     height: 30px;
     width: 110px;
   }
+
   &.xl {
     height: 30px;
     width: 30px;
diff --git a/src/components/Selector.vue b/src/components/Selector.vue
index d223fc15..a693c62d 100644
--- a/src/components/Selector.vue
+++ b/src/components/Selector.vue
@@ -33,7 +33,7 @@ limitations under the License. -->
   </el-select>
 </template>
 <script lang="ts" setup>
-import { ref, defineEmits } from "vue";
+import { ref } from "vue";
 import type { PropType } from "vue";
 import { ElSelect, ElOption } from "element-plus";
 
@@ -42,8 +42,9 @@ interface Option {
   value: string;
 }
 
+/*global  defineProps, defineEmits*/
+
 const emit = defineEmits(["change"]);
-/*global  defineProps*/
 const props = defineProps({
   options: {
     type: Array as PropType<Option[]>,
diff --git a/src/components/TimePicker.vue b/src/components/TimePicker.vue
index 17625d9f..63fae87a 100755
--- a/src/components/TimePicker.vue
+++ b/src/components/TimePicker.vue
@@ -142,17 +142,10 @@ limitations under the License. -->
 </template>
 
 <script lang="ts" setup>
-import {
-  defineProps,
-  ref,
-  computed,
-  defineEmits,
-  onMounted,
-  onBeforeUnmount,
-  watch,
-} from "vue";
+import { ref, computed, onMounted, onBeforeUnmount, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import DateCalendar from "./DateCalendar.vue";
+/*global defineProps, defineEmits */
 const datepicker = ref(null);
 const { t } = useI18n();
 const show = ref<boolean>(false);
@@ -339,6 +332,32 @@ watch(
 </script>
 
 <style lang="scss" scoped>
+
+
+@keyframes datepicker-anim-in {
+  0% {
+    opacity: 0;
+    transform: scaleY(0.8);
+  }
+
+  to {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+
+@keyframes datepicker-anim-out {
+  0% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scaleY(0.8);
+  }
+}
+
 .datepicker {
   display: inline-block;
   position: relative;
@@ -373,7 +392,6 @@ watch(
   margin-left: -8px;
   margin-top: -8px;
   text-align: center;
-  background: #ccc;
   color: #fff;
   border-radius: 50%;
   background: #ccc
@@ -384,6 +402,7 @@ watch(
 .datepicker__clearable:hover:before {
   display: none;
 }
+
 .datepicker__clearable:hover .datepicker-close {
   display: block;
 }
@@ -436,25 +455,30 @@ watch(
   padding: 5px;
   overflow: hidden;
   z-index: 999;
+
   &.top {
     bottom: 30px;
     right: 0;
     transform-origin: center bottom;
   }
+
   &.bottom {
     top: 30px;
     right: 0;
     transform-origin: center top;
   }
+
   &.left {
     top: 30px;
     transform-origin: center top;
   }
+
   &.right {
     right: -80px;
     top: 30px;
     transform-origin: center top;
   }
+
   &__sidebar {
     position: absolute;
     top: 0;
@@ -464,6 +488,7 @@ watch(
     padding: 5px;
     border-right: solid 1px #eaeaea;
   }
+
   &__shortcut {
     display: block;
     width: 100%;
@@ -476,10 +501,12 @@ watch(
     outline: none;
     cursor: pointer;
     white-space: nowrap;
+
     &:hover {
       color: #3f97e3;
     }
   }
+
   &__body {
     margin-left: 100px;
     padding-left: 5px;
@@ -513,6 +540,7 @@ watch(
   display: inline-block;
   cursor: pointer;
 }
+
 .datepicker-anim-enter-active {
   transform-origin: 0 0;
   animation: datepicker-anim-in 0.2s cubic-bezier(0.23, 1, 0.32, 1);
@@ -545,26 +573,4 @@ watch(
 .datepicker__buttons .datepicker__button-cancel {
   background: #666;
 }
-
-@keyframes datepicker-anim-in {
-  0% {
-    opacity: 0;
-    transform: scaleY(0.8);
-  }
-  to {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-}
-
-@keyframes datepicker-anim-out {
-  0% {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-  to {
-    opacity: 0;
-    transform: scaleY(0.8);
-  }
-}
 </style>
diff --git a/src/store/modules/dashboard.ts b/src/store/modules/dashboard.ts
index 90936f7d..750c4e71 100644
--- a/src/store/modules/dashboard.ts
+++ b/src/store/modules/dashboard.ts
@@ -172,11 +172,10 @@ export const dashboardStore = defineStore({
 
       return res.data;
     },
-    async fetchMetricValue(config: LayoutConfig) {
+    async fetchMetricValue() {
       // if (!config.metricTypes) {
       //   return;
       // }
-      // config.metricTypes = "readMetricsValues";
       const appStoreWithOut = useAppStoreWithOut();
       const variable = {
         condition: {
diff --git a/src/views/Log.vue b/src/views/Log.vue
index 6e121b20..f70cb63a 100644
--- a/src/views/Log.vue
+++ b/src/views/Log.vue
@@ -16,7 +16,7 @@ limitations under the License. -->
   <div class="about">{{ props.msg }}</div>
 </template>
 <script lang="ts" setup>
-import { defineProps } from "vue";
+/*global defineProps */
 const props = defineProps({
   msg: String,
 });
diff --git a/src/views/dashboard/configuration/MetricOptions.vue b/src/views/dashboard/configuration/MetricOptions.vue
index 2c95047f..60f0aeaf 100644
--- a/src/views/dashboard/configuration/MetricOptions.vue
+++ b/src/views/dashboard/configuration/MetricOptions.vue
@@ -61,7 +61,7 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { reactive, defineProps, defineEmits } from "vue";
+import { reactive } from "vue";
 import type { PropType } from "vue";
 import { useRoute } from "vue-router";
 import { Option } from "@/types/app";
@@ -71,6 +71,7 @@ import { MetricTypes, TableChartTypes } from "../data";
 import { ElMessage } from "element-plus";
 import Icon from "@/components/Icon.vue";
 
+/*global defineProps, defineEmits */
 const props = defineProps({
   graph: {
     type: Object as PropType<GraphConfig>,
diff --git a/src/views/dashboard/configuration/StandardOptions.vue b/src/views/dashboard/configuration/StandardOptions.vue
index 56081354..e1df19e2 100644
--- a/src/views/dashboard/configuration/StandardOptions.vue
+++ b/src/views/dashboard/configuration/StandardOptions.vue
@@ -116,12 +116,13 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { reactive, defineProps, defineEmits } from "vue";
+import { reactive } from "vue";
 import { useI18n } from "vue-i18n";
 import { SortOrder } from "../data";
 import { StandardConfig } from "@/types/dashboard";
 import type { PropType } from "vue";
 
+/*global defineProps, defineEmits */
 const props = defineProps({
   config: {
     type: Object as PropType<StandardConfig>,
diff --git a/src/views/dashboard/configuration/WidgetOptions.vue b/src/views/dashboard/configuration/WidgetOptions.vue
index 8918d204..65c308c5 100644
--- a/src/views/dashboard/configuration/WidgetOptions.vue
+++ b/src/views/dashboard/configuration/WidgetOptions.vue
@@ -35,11 +35,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, defineEmits, defineProps } from "vue";
+import { ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { WidgetConfig } from "@/types/dashboard";
 import type { PropType } from "vue";
 
+/*global defineProps, defineEmits */
 const props = defineProps({
   config: {
     type: Object as PropType<WidgetConfig>,
diff --git a/src/views/dashboard/configuration/graph-styles/Area.vue b/src/views/dashboard/configuration/graph-styles/Area.vue
index 11fbf536..6382e723 100644
--- a/src/views/dashboard/configuration/graph-styles/Area.vue
+++ b/src/views/dashboard/configuration/graph-styles/Area.vue
@@ -28,11 +28,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, ref, defineEmits } from "vue";
+import { ref } from "vue";
 import type { PropType } from "vue";
 import { AreaConfig } from "@/types/dashboard";
 import { useI18n } from "vue-i18n";
 
+/*global defineProps, defineEmits */
 const { t } = useI18n();
 
 const props = defineProps({
diff --git a/src/views/dashboard/configuration/graph-styles/Bar.vue b/src/views/dashboard/configuration/graph-styles/Bar.vue
index 68000f82..430ed739 100644
--- a/src/views/dashboard/configuration/graph-styles/Bar.vue
+++ b/src/views/dashboard/configuration/graph-styles/Bar.vue
@@ -24,11 +24,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, ref, defineEmits } from "vue";
+import { ref } from "vue";
 import type { PropType } from "vue";
 import { BarConfig } from "@/types/dashboard";
 import { useI18n } from "vue-i18n";
 
+/*global defineProps, defineEmits */
 const { t } = useI18n();
 
 const props = defineProps({
diff --git a/src/views/dashboard/configuration/graph-styles/Card.vue b/src/views/dashboard/configuration/graph-styles/Card.vue
index 13eb6e63..ffc18ceb 100644
--- a/src/views/dashboard/configuration/graph-styles/Card.vue
+++ b/src/views/dashboard/configuration/graph-styles/Card.vue
@@ -28,11 +28,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, ref, defineEmits } from "vue";
+import { ref } from "vue";
 import type { PropType } from "vue";
 import { CardConfig } from "@/types/dashboard";
 import { useI18n } from "vue-i18n";
 
+/*global defineProps, defineEmits */
 const { t } = useI18n();
 
 const props = defineProps({
diff --git a/src/views/dashboard/configuration/graph-styles/EndpointList.vue b/src/views/dashboard/configuration/graph-styles/EndpointList.vue
index e6c86101..b01488da 100644
--- a/src/views/dashboard/configuration/graph-styles/EndpointList.vue
+++ b/src/views/dashboard/configuration/graph-styles/EndpointList.vue
@@ -28,11 +28,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, ref, defineEmits } from "vue";
+import { ref } from "vue";
 import type { PropType } from "vue";
 import { EndpointListConfig } from "@/types/dashboard";
 import { useI18n } from "vue-i18n";
 
+/*global defineProps, defineEmits */
 const { t } = useI18n();
 
 const props = defineProps({
diff --git a/src/views/dashboard/configuration/graph-styles/InstanceList.vue b/src/views/dashboard/configuration/graph-styles/InstanceList.vue
index 8d80e992..49d31668 100644
--- a/src/views/dashboard/configuration/graph-styles/InstanceList.vue
+++ b/src/views/dashboard/configuration/graph-styles/InstanceList.vue
@@ -28,11 +28,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, ref, defineEmits } from "vue";
+import { ref } from "vue";
 import type { PropType } from "vue";
 import { InstanceListConfig } from "@/types/dashboard";
 import { useI18n } from "vue-i18n";
 
+/*global defineProps, defineEmits */
 const { t } = useI18n();
 
 const props = defineProps({
diff --git a/src/views/dashboard/configuration/graph-styles/Line.vue b/src/views/dashboard/configuration/graph-styles/Line.vue
index 4afb630a..3292c3b3 100644
--- a/src/views/dashboard/configuration/graph-styles/Line.vue
+++ b/src/views/dashboard/configuration/graph-styles/Line.vue
@@ -42,11 +42,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, ref, defineEmits } from "vue";
+import { ref } from "vue";
 import type { PropType } from "vue";
 import { LineConfig } from "@/types/dashboard";
 import { useI18n } from "vue-i18n";
 
+/*global defineProps, defineEmits */
 const { t } = useI18n();
 const props = defineProps({
   config: {
diff --git a/src/views/dashboard/configuration/graph-styles/ServiceList.vue b/src/views/dashboard/configuration/graph-styles/ServiceList.vue
index f419209d..bba8bb55 100644
--- a/src/views/dashboard/configuration/graph-styles/ServiceList.vue
+++ b/src/views/dashboard/configuration/graph-styles/ServiceList.vue
@@ -28,11 +28,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, ref, defineEmits } from "vue";
+import { ref } from "vue";
 import type { PropType } from "vue";
 import { ServiceListConfig } from "@/types/dashboard";
 import { useI18n } from "vue-i18n";
 
+/*global defineProps, defineEmits */
 const { t } = useI18n();
 
 const props = defineProps({
diff --git a/src/views/dashboard/configuration/graph-styles/Table.vue b/src/views/dashboard/configuration/graph-styles/Table.vue
index 100550f9..244e3535 100644
--- a/src/views/dashboard/configuration/graph-styles/Table.vue
+++ b/src/views/dashboard/configuration/graph-styles/Table.vue
@@ -44,11 +44,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, ref, defineEmits } from "vue";
+import { ref } from "vue";
 import type { PropType } from "vue";
 import { TableConfig } from "@/types/dashboard";
 import { useI18n } from "vue-i18n";
 
+/*global defineProps, defineEmits */
 const { t } = useI18n();
 const props = defineProps({
   config: {
diff --git a/src/views/dashboard/configuration/graph-styles/TopList.vue b/src/views/dashboard/configuration/graph-styles/TopList.vue
index a067b0c8..7397f9f3 100644
--- a/src/views/dashboard/configuration/graph-styles/TopList.vue
+++ b/src/views/dashboard/configuration/graph-styles/TopList.vue
@@ -28,11 +28,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, ref, defineEmits } from "vue";
+import { ref } from "vue";
 import type { PropType } from "vue";
 import { TopListConfig } from "@/types/dashboard";
 import { useI18n } from "vue-i18n";
 
+/*global defineProps, defineEmits */
 const { t } = useI18n();
 const props = defineProps({
   config: {
diff --git a/src/views/dashboard/controls/Tab.vue b/src/views/dashboard/controls/Tab.vue
index 2f5515b2..d9bd8122 100644
--- a/src/views/dashboard/controls/Tab.vue
+++ b/src/views/dashboard/controls/Tab.vue
@@ -84,12 +84,12 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, reactive, ref, watch } from "vue";
+import { ref, watch, reactive } from "vue";
 import type { PropType } from "vue";
 import Widget from "./Widget.vue";
 import { LayoutConfig } from "@/types/dashboard";
 import { useDashboardStore } from "@/store/modules/dashboard";
-
+/*global defineProps */
 const props = defineProps({
   data: {
     type: Object as PropType<LayoutConfig>,
diff --git a/src/views/dashboard/graphs/Area.vue b/src/views/dashboard/graphs/Area.vue
index 8582339b..1c4d14f0 100644
--- a/src/views/dashboard/graphs/Area.vue
+++ b/src/views/dashboard/graphs/Area.vue
@@ -17,11 +17,11 @@ limitations under the License. -->
   <Line :data="data" :intervalTime="intervalTime" :config="config" />
 </template>
 <script lang="ts" setup>
-import { defineProps } from "vue";
 import type { PropType } from "vue";
 import Line from "./Line.vue";
 import { AreaConfig } from "@/types/dashboard";
 
+/*global defineProps */
 defineProps({
   data: {
     type: Object as PropType<{ [key: string]: number[] }>,
diff --git a/src/views/dashboard/graphs/Bar.vue b/src/views/dashboard/graphs/Bar.vue
index b0509d8a..a6737b0f 100644
--- a/src/views/dashboard/graphs/Bar.vue
+++ b/src/views/dashboard/graphs/Bar.vue
@@ -16,11 +16,12 @@ limitations under the License. -->
   <Graph :option="option" />
 </template>
 <script lang="ts" setup>
-import { defineProps, computed } from "vue";
+import { computed } from "vue";
 import type { PropType } from "vue";
 import { Event } from "@/types/events";
 import { BarConfig } from "@/types/dashboard";
 
+/*global defineProps */
 const props = defineProps({
   data: {
     type: Object as PropType<{ [key: string]: number[] }>,
diff --git a/src/views/dashboard/graphs/Card.vue b/src/views/dashboard/graphs/Card.vue
index 360f6301..d7c73e97 100644
--- a/src/views/dashboard/graphs/Card.vue
+++ b/src/views/dashboard/graphs/Card.vue
@@ -27,9 +27,9 @@ limitations under the License. -->
 </template>
 <script lang="ts" setup>
 import { computed, PropType } from "vue";
-import { defineProps } from "vue";
 import { CardConfig, StandardConfig } from "@/types/dashboard";
 
+/*global defineProps */
 const props = defineProps({
   data: {
     type: Object as PropType<{ [key: string]: number }>,
diff --git a/src/views/dashboard/graphs/EndpointList.vue b/src/views/dashboard/graphs/EndpointList.vue
index 9bd742f7..35d53369 100644
--- a/src/views/dashboard/graphs/EndpointList.vue
+++ b/src/views/dashboard/graphs/EndpointList.vue
@@ -60,12 +60,13 @@ limitations under the License. -->
   </div>
 </template>
 <script setup lang="ts">
-import { defineProps, onBeforeMount, ref } from "vue";
+import { onBeforeMount, ref } from "vue";
 import { useSelectorStore } from "@/store/modules/selectors";
 import { ElMessage } from "element-plus";
 import type { PropType } from "vue";
 import { EndpointListConfig } from "@/types/dashboard";
 
+/*global defineProps */
 defineProps({
   data: {
     type: Object,
diff --git a/src/views/dashboard/graphs/HeatMap.vue b/src/views/dashboard/graphs/HeatMap.vue
index a07f22ce..952658e1 100644
--- a/src/views/dashboard/graphs/HeatMap.vue
+++ b/src/views/dashboard/graphs/HeatMap.vue
@@ -16,10 +16,11 @@ limitations under the License. -->
   <Graph :option="option" />
 </template>
 <script lang="ts" setup>
-import { defineProps, computed } from "vue";
+import { computed } from "vue";
 import type { PropType } from "vue";
 import { StandardConfig } from "@/types/dashboard";
 
+/*global defineProps */
 const props = defineProps({
   data: {
     type: Object as PropType<{ nodes: number[][]; buckets: number[][] }>,
diff --git a/src/views/dashboard/graphs/InstanceList.vue b/src/views/dashboard/graphs/InstanceList.vue
index 289bb5ce..62b105c0 100644
--- a/src/views/dashboard/graphs/InstanceList.vue
+++ b/src/views/dashboard/graphs/InstanceList.vue
@@ -60,12 +60,13 @@ limitations under the License. -->
   </div>
 </template>
 <script setup lang="ts">
-import { defineProps, onBeforeMount, ref } from "vue";
+import { onBeforeMount, ref } from "vue";
 import { useSelectorStore } from "@/store/modules/selectors";
 import { ElMessage } from "element-plus";
 import type { PropType } from "vue";
 import { InstanceListConfig } from "@/types/dashboard";
 
+/*global defineProps */
 defineProps({
   data: {
     type: Object,
diff --git a/src/views/dashboard/graphs/Line.vue b/src/views/dashboard/graphs/Line.vue
index 34b7ec74..1874a417 100644
--- a/src/views/dashboard/graphs/Line.vue
+++ b/src/views/dashboard/graphs/Line.vue
@@ -16,11 +16,12 @@ limitations under the License. -->
   <Graph :option="option" />
 </template>
 <script lang="ts" setup>
-import { defineProps, computed } from "vue";
+import { computed } from "vue";
 import type { PropType } from "vue";
 import { Event } from "@/types/events";
 import { LineConfig } from "@/types/dashboard";
 
+/*global defineProps */
 const props = defineProps({
   data: {
     type: Object as PropType<{ [key: string]: number[] }>,
diff --git a/src/views/dashboard/graphs/Pie.vue b/src/views/dashboard/graphs/Pie.vue
index 1f0149ce..8a0e16df 100644
--- a/src/views/dashboard/graphs/Pie.vue
+++ b/src/views/dashboard/graphs/Pie.vue
@@ -16,9 +16,10 @@ limitations under the License. -->
   <Graph :option="option" />
 </template>
 <script lang="ts" setup>
-import { defineProps, computed } from "vue";
+import { computed } from "vue";
 import type { PropType } from "vue";
 
+/*global defineProps */
 const props = defineProps({
   data: {
     type: Array as PropType<{ name: string; value: number }[]>,
diff --git a/src/views/dashboard/graphs/ServiceList.vue b/src/views/dashboard/graphs/ServiceList.vue
index ca266e89..1bf3f97f 100644
--- a/src/views/dashboard/graphs/ServiceList.vue
+++ b/src/views/dashboard/graphs/ServiceList.vue
@@ -60,12 +60,13 @@ limitations under the License. -->
   </div>
 </template>
 <script setup lang="ts">
-import { defineProps, onBeforeMount, ref } from "vue";
+import { onBeforeMount, ref } from "vue";
 import { useSelectorStore } from "@/store/modules/selectors";
 import { ElMessage } from "element-plus";
 import type { PropType } from "vue";
 import { ServiceListConfig } from "@/types/dashboard";
 
+/*global defineProps */
 defineProps({
   data: {
     type: Object,
diff --git a/src/views/dashboard/graphs/Table.vue b/src/views/dashboard/graphs/Table.vue
index 4e69adbb..7ec96f4e 100644
--- a/src/views/dashboard/graphs/Table.vue
+++ b/src/views/dashboard/graphs/Table.vue
@@ -45,8 +45,9 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps, computed, ref, onMounted } from "vue";
+import { computed, ref, onMounted } from "vue";
 import type { PropType } from "vue";
+/*global defineProps */
 const props = defineProps({
   data: {
     type: Object as PropType<{ [key: string]: number[][] }>,
diff --git a/src/views/dashboard/graphs/TopList.vue b/src/views/dashboard/graphs/TopList.vue
index d863808d..e879be9f 100644
--- a/src/views/dashboard/graphs/TopList.vue
+++ b/src/views/dashboard/graphs/TopList.vue
@@ -35,8 +35,9 @@ limitations under the License. -->
 </template>
 <script lang="ts" setup>
 import type { PropType } from "vue";
-import { defineProps, computed } from "vue";
+import { computed } from "vue";
 import copy from "@/utils/copy";
+/*global defineProps */
 const props = defineProps({
   data: {
     type: Array as PropType<
diff --git a/src/views/service/Profiles.vue b/src/views/service/Profiles.vue
index eb6873ef..e6e75b93 100644
--- a/src/views/service/Profiles.vue
+++ b/src/views/service/Profiles.vue
@@ -17,7 +17,7 @@ limitations under the License. -->
 </template>
 
 <script lang="ts" setup>
-import { defineProps } from "vue";
+/*global defineProps */
 defineProps({
   msg: { type: String },
 });
diff --git a/src/views/service/Topology.vue b/src/views/service/Topology.vue
index f219ff0f..6e497094 100644
--- a/src/views/service/Topology.vue
+++ b/src/views/service/Topology.vue
@@ -17,7 +17,7 @@ limitations under the License. -->
 </template>
 
 <script lang="ts" setup>
-import { defineProps } from "vue";
+/*global defineProps */
 defineProps({
   msg: { type: String },
 });
diff --git a/src/views/service/Traces.vue b/src/views/service/Traces.vue
index 5b67a9f7..d043eb75 100644
--- a/src/views/service/Traces.vue
+++ b/src/views/service/Traces.vue
@@ -17,7 +17,7 @@ limitations under the License. -->
 </template>
 
 <script lang="ts" setup>
-import { defineProps } from "vue";
+/*global defineProps */
 defineProps({
   msg: { type: String },
 });