(chore) update eslint-plugin-vue

Author: MaXal

dashboard/new-dashboard/src/components/charts/AggregationChart.vue

@@ -23,7 +23,7 @@
 <script setup lang="ts">
 import { inject, onMounted, onUnmounted, useTemplateRef } from "vue"
 import { TimeAverageConfigurator } from "../../configurators/TimeAverageConfigurator"
-import { containerKey, dashboardConfiguratorsKey, serverConfiguratorKey } from "../../shared/keys"
+import { containerKey, serverConfiguratorKey } from "../../shared/keys"
 import { DataQueryExecutor } from "../common/DataQueryExecutor"
 import { ValueUnit } from "../common/chart"
 import { DataQuery, DataQueryConfigurator, DataQueryExecutorConfiguration } from "../common/dataQuery"
@@ -33,14 +33,14 @@ import { useDarkModeStore } from "../../shared/useDarkModeStore"
 
 interface AggregationChartProps {
   valueUnit?: ValueUnit
-  configurators?: DataQueryConfigurator[]
+  configurators: DataQueryConfigurator[]
   aggregatedMeasure: string
   aggregatedProject?: string
   isLike?: boolean
   title: string
 }
 
-const { valueUnit = "ms", configurators, aggregatedMeasure, aggregatedProject, isLike, title } = defineProps<AggregationChartProps>()
+const { valueUnit = "ms", configurators, aggregatedMeasure, aggregatedProject = undefined, isLike, title } = defineProps<AggregationChartProps>()
 const timeAverageConfigurator = new TimeAverageConfigurator()
 const measuresConfigurator = {
   configureQuery(query: DataQuery, _configuration: DataQueryExecutorConfiguration): boolean {
@@ -54,8 +54,7 @@ const measuresConfigurator = {
     return null
   },
 }
-const avConfigurators = configurators ?? injectOrError(dashboardConfiguratorsKey)
-const allConfigurators = [...avConfigurators, injectOrError(serverConfiguratorKey), timeAverageConfigurator, measuresConfigurator]
+const allConfigurators = [...configurators, injectOrError(serverConfiguratorKey), timeAverageConfigurator, measuresConfigurator]
 /* eslint-disable-next-line @typescript-eslint/no-unnecessary-condition */
 const queryExecutor = new DataQueryExecutor(allConfigurators.filter((item): item is DataQueryConfigurator => item != null))
 const element = useTemplateRef<HTMLElement>("element")

dashboard/new-dashboard/src/components/charts/AggregationOperatorSelect.vue

@@ -37,7 +37,7 @@ import { computed, inject } from "vue"
 import { AggregationOperatorConfigurator } from "../../configurators/AggregationOperatorConfigurator"
 import { aggregationOperatorConfiguratorKey } from "../../shared/injectionKeys"
 
-const { configurator } = defineProps<{
+const { configurator = undefined } = defineProps<{
   configurator?: AggregationOperatorConfigurator
 }>()
 

dashboard/new-dashboard/src/components/charts/BarChartCard.vue

@@ -15,7 +15,7 @@ import { chartDefaultStyle } from "../common/chart"
 
 const { height = 440, measures = [] } = defineProps<{
   height?: number
-  measures: string[]
+  measures?: string[]
 }>()
 
 const chartElement = useTemplateRef<HTMLElement>("chartElement")

dashboard/new-dashboard/src/components/common/BranchSelect.vue

@@ -180,7 +180,7 @@ const clearSubMenu = () => {
   activeSubMenu.value = null
 }
 
-const { branchConfigurator, releaseConfigurator, triggeredByConfigurator, selectionLimit } = defineProps<Props>()
+const { branchConfigurator, releaseConfigurator = undefined, triggeredByConfigurator = undefined, selectionLimit = undefined } = defineProps<Props>()
 
 function createItems(configurator?: DimensionConfigurator) {
   return computed(() => {

dashboard/new-dashboard/src/components/common/DashboardPage.vue

@@ -68,7 +68,7 @@ interface PerformanceDashboardProps {
 const {
   dbName,
   table,
-  initialMachine,
+  initialMachine = null,
   persistentId,
   withInstaller = true,
   charts = null,

dashboard/new-dashboard/src/components/common/DashboardToolbar.vue

@@ -46,7 +46,14 @@ import { modeSelectLabelFormat } from "../../shared/labels"
 import DimensionSelect from "../charts/DimensionSelect.vue"
 import { DimensionConfigurator } from "../../configurators/DimensionConfigurator"
 
-const { timeRangeConfigurator, branchConfigurator, releaseConfigurator, triggeredByConfigurator, machineConfigurator, testModeConfigurator } = defineProps<{
+const {
+  timeRangeConfigurator,
+  branchConfigurator,
+  releaseConfigurator = undefined,
+  triggeredByConfigurator,
+  machineConfigurator = undefined,
+  testModeConfigurator = undefined,
+} = defineProps<{
   timeRangeConfigurator: TimeRangeConfigurator
   branchConfigurator: BranchConfigurator | null
   releaseConfigurator?: ReleaseNightlyConfigurator

dashboard/new-dashboard/src/components/common/Divider.vue

@@ -27,5 +27,5 @@ export interface Props {
   label?: string
 }
 
-const { title, label } = defineProps<Props>()
+const { title = null, label = null } = defineProps<Props>()
 </script>

dashboard/new-dashboard/src/components/startup/IntelliJPulse.vue

@@ -130,7 +130,7 @@ import StartupPage from "./StartupPage.vue"
 import { fetchHighlightingPasses } from "./utils"
 
 const { withInstaller = false } = defineProps<{
-  withInstaller: boolean
+  withInstaller?: boolean
 }>()
 
 const highlightingPasses = fetchHighlightingPasses()

eslint.config.mjs

@@ -3,6 +3,7 @@ import tseslint from "typescript-eslint"
 import pluginVue from "eslint-plugin-vue"
 import eslintConfigPrettier from "eslint-config-prettier"
 import eslintPluginUnicorn from "eslint-plugin-unicorn"
+import globals from "globals"
 
 export default tseslint.config(
   eslint.configs.recommended,
@@ -15,6 +16,9 @@ export default tseslint.config(
       unicorn: eslintPluginUnicorn,
     },
     languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
       parserOptions: {
         parser: tseslint.parser,
         project: "./tsconfig.json",

package.json

@@ -24,7 +24,8 @@
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "^5.2.6",
     "eslint-plugin-unicorn": "^59.0.0",
-    "eslint-plugin-vue": "^9.33.0",
+    "eslint-plugin-vue": "^10.0.1",
+    "globals": "^16.0.0",
     "isoworker": "^0.2.4",
     "prettier": "^3.5.3",
     "rollup": "^4.40.1",