chore(deps-dev): Bump vue-tsc from 2.1.10 to 2.2.0

packages/kuma-gui/package.json

@@ -72,7 +72,7 @@
     "vite-svg-loader": "^5.1.0",
     "vitepress": "^1.6.1",
     "vitest": "^3.0.2",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "^2.2.0"
   },
   "browserslist": [
     "> 1%",

packages/kuma-gui/src/app/application/components/app-collection/AppCollection.vue

@@ -29,21 +29,20 @@
     <template
       v-for="key in Object.keys(slots)"
       :key="key"
-      #[key]="{ row, rowValue }"
+      #[key]="{ row }"
     >
       <slot
         v-if="(props.items ?? []).length > 0"
         :name="key"
         :row="row as Row"
-        :row-value="rowValue"
       />
     </template>
   </KTable>
 </template>
 
 <script lang="ts" setup generic="Row extends {}">
 import { KTable } from '@kong/kongponents'
-import { useSlots, ref, watch, Ref, inject } from 'vue'
+import { ref, watch, Ref, inject } from 'vue'
 
 import { runInDebug } from '../../'
 import type { TableHeader as KTableHeader, TablePreferences } from '@kong/kongponents'
@@ -85,7 +84,11 @@ const emit = defineEmits<{
   (e: 'resize', value: ResizeValue): void
 }>()
 
-const slots = useSlots()
+const slots = defineSlots<{
+  [key: string]: (props: {
+    row: Row
+  }) => any
+}>()
 
 const items = ref(props.items) as Ref<typeof props.items>
 const cacheKey = ref<number>(0)

packages/kuma-gui/src/app/application/components/app-view/AppView.vue

@@ -17,7 +17,7 @@
       }"
     >
       <header
-        v-if="$slots.title || $slots.actions"
+        v-if="slots.title || slots.actions"
         class="app-view-title-bar"
       >
         <KongIcon v-if="props.fullscreen" />
@@ -41,7 +41,7 @@
           class="actions"
         >
           <XTeleportSlot
-            v-if="$slots.title"
+            v-if="slots.title"
             name="app-view-docs"
           />
           <slot name="actions">
@@ -50,7 +50,9 @@
         </div>
       </header>
 
-      <aside v-if="$slots.notifications">
+      <aside
+        v-if="slots.notifications"
+      >
         <XAlert
           class="mb-4"
           variant="warning"
@@ -96,10 +98,6 @@ type AppView = {
 }
 type Breadcrumbs = Map<symbol, BreadcrumbItem[]>
 
-const routeView = inject<RouteView>(ROUTE_VIEW_PARENT)!
-
-const summary: string = inject('app-summary-view', '')
-provide('app-summary-view', '')
 
 const props = withDefaults(defineProps<{
   breadcrumbs?: BreadcrumbItem[] | null
@@ -110,7 +108,12 @@ const props = withDefaults(defineProps<{
   fullscreen: false,
   docs: '',
 })
+const slots = defineSlots()
 
+const routeView = inject<RouteView>(ROUTE_VIEW_PARENT)!
+
+const summary: string = inject('app-summary-view', '')
+provide('app-summary-view', '')
 const map: Breadcrumbs = new Map()
 const _breadcrumbs = ref<BreadcrumbItem[]>([])
 const symbol = Symbol('app-view')

packages/kuma-gui/src/app/application/components/data-source/DataLoader.vue

@@ -41,7 +41,7 @@
     >
       <slot
         name="error"
-        :data="srcData"
+        :data="srcData as TypeOf<T>"
         :error="allErrors[0]"
         :refresh="props.src !== '' ? refresh : () => {}"
       >
@@ -61,7 +61,7 @@
       <slot
         v-if="props.loader && typeof slots.loadable === 'undefined'"
         name="connecting"
-        :data="srcData"
+        :data="undefined"
         :error="srcError"
         :refresh="props.src !== '' ? refresh : () => {}"
       >
@@ -86,7 +86,7 @@
   typeOf(): any
 }" setup
 >
-import { computed, ref, useSlots, provide } from 'vue'
+import { computed, ref, provide } from 'vue'
 
 import type { TypeOf } from '@/app/application'
 import ErrorBlock from '@/app/common/ErrorBlock.vue'
@@ -103,12 +103,38 @@ const props = withDefaults(defineProps<{
   loader: true,
   variant: 'default',
 })
+const slots = defineSlots<{
+  default(props: {
+    data: NonNullable<TypeOf<T>>
+    error: Error | undefined
+    refresh: () => void
+  }): any
+  connecting(props: {
+    data: undefined
+    error: Error | undefined
+    refresh: () => void
+  }): any
+  error(props: {
+    data: NonNullable<TypeOf<T>>
+    error: Error | undefined
+    refresh: () => void
+  }): any
+  disconnected(props: {
+    data: NonNullable<TypeOf<T>>
+    error: Error | undefined
+    refresh: () => void
+  }): any
+  loadable(props: {
+    data: NonNullable<TypeOf<T>>
+    error: Error | undefined
+    refresh: () => void
+  }): any
+}>()
 
 provide('data-loader', {
   props,
 })
 
-const slots = useSlots()
 
 const srcData = ref<unknown>(undefined)
 const srcError = ref<Error | undefined>(undefined)

packages/kuma-gui/src/app/common/ErrorBlock.vue

@@ -54,7 +54,7 @@
       </div>
 
       <div class="error-block-message mt-4">
-        <slot v-if="$slots.default" />
+        <slot v-if="slots.default" />
         <template
           v-else-if="props.error instanceof ApiError"
         >
@@ -87,7 +87,7 @@
         <div
           class="error-block-message"
         >
-          <slot v-if="$slots.default" />
+          <slot v-if="slots.default" />
           <template
             v-else-if="props.error instanceof ApiError"
           >
@@ -123,15 +123,17 @@ import { inject } from 'vue'
 import { useI18n } from '@/app/application'
 import { ApiError } from '@/app/kuma/services/kuma-api/ApiError'
 
-const { t } = useI18n()
-const prompt = inject('x-prompt', undefined)
 
 const props = withDefaults(defineProps<{
   error: Error
   appearance?: 'warning' | 'danger'
 }>(), {
   appearance: 'warning',
 })
+const slots = defineSlots()
+
+const { t } = useI18n()
+const prompt = inject('x-prompt', undefined)
 </script>
 
 <style lang="scss" scoped>

packages/kuma-gui/src/app/common/ResourceStatus.vue

@@ -1,7 +1,7 @@
 <template>
   <DefinitionCard>
     <template
-      v-if="$slots.icon"
+      v-if="slots.icon"
       #icon
     >
       <slot name="icon" />
@@ -38,6 +38,7 @@ const props = withDefaults(defineProps<{
 }>(), {
   online: undefined,
 })
+const slots = defineSlots()
 </script>
 
 <style lang="scss" scoped>