vue: Fix component props typing when re-exporting

We encountered a bug with vue/ts in our configuration:
If we re-export a vue component, it will be typed to any
if used inside Vue's <template>.
Disabling this typescript rule restores the expected typing.

Github issue link:
vuejs/core#11732

This also uncovered that radix didn't adhere to our typing rules,
we silenced those errors.

CMK-18584

Change-Id: Ieeef6f3d7cadcbfbc0366ee67972e8b7dd9e16c9

packages/cmk-frontend-vue/src/quick-setup/ui/button/UiButton.vue

@@ -15,6 +15,7 @@ const props = withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
+ <!-- @vue-expect-error Radix-vue props doesn't follow our exactOptionalPropertyTypes rule -->
  <Primitive :as="as" :as-child="asChild" :class="props.class">
  <slot />
  </Primitive>

packages/cmk-frontend-vue/src/quick-setup/ui/collapsible/CollapsibleContent.vue

@@ -5,6 +5,7 @@ const props = defineProps<CollapsibleContentProps>()
 </script>
 
 <template>
+ <!-- @vue-expect-error Radix-vue props doesn't follow our exactOptionalPropertyTypes rule -->
  <CollapsibleContent v-bind="props" class="ui-collapsible-content">
  <slot />
  </CollapsibleContent>

packages/cmk-frontend-vue/src/quick-setup/ui/collapsible/CollapsibleTrigger.vue

@@ -5,6 +5,7 @@ const props = defineProps<CollapsibleTriggerProps>()
 </script>
 
 <template>
+ <!-- @vue-expect-error Radix-vue props doesn't follow our exactOptionalPropertyTypes rule -->
  <CollapsibleTrigger v-bind="props">
  <slot />
  </CollapsibleTrigger>

packages/cmk-frontend-vue/src/quick-setup/ui/collapsible/UiCollapsible.vue

@@ -9,6 +9,7 @@ const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>
+ <!-- @vue-expect-error Radix-vue props doesn't follow our exactOptionalPropertyTypes rule -->
  <CollapsibleRoot v-slot="{ open: openSlot }" v-bind="forwarded" class="ui-collapsible">
  <slot :open="openSlot" />
  </CollapsibleRoot>

packages/cmk-frontend-vue/src/quick-setup/ui/label/UiLabel.vue

@@ -32,6 +32,7 @@ const delegatedProps = computed(() => {
 </script>
 
 <template>
+ <!-- @vue-expect-error Radix-vue props doesn't follow our exactOptionalPropertyTypes rule -->
  <Label v-bind="delegatedProps" :class="labelVariants({ variant })">
  <slot />
  </Label>

packages/cmk-frontend-vue/src/quick-setup/ui/tooltip/TooltipContent.vue

@@ -35,6 +35,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
 
 <template>
  <TooltipPortal>
+ <!-- @vue-expect-error Radix-vue props doesn't follow our exactOptionalPropertyTypes rule -->
  <TooltipContent
  v-bind="{ ...forwarded, ...$attrs }"
  :class="

packages/cmk-frontend-vue/src/quick-setup/ui/tooltip/TooltipProvider.vue

@@ -5,6 +5,7 @@ const props = defineProps<TooltipProviderProps>()
 </script>
 
 <template>
+ <!-- @vue-expect-error Radix-vue props doesn't follow our exactOptionalPropertyTypes rule -->
  <TooltipProvider v-bind="props">
  <slot />
  </TooltipProvider>

packages/cmk-frontend-vue/src/quick-setup/ui/tooltip/TooltipTrigger.vue

@@ -5,6 +5,7 @@ const props = defineProps<TooltipTriggerProps>()
 </script>
 
 <template>
+ <!-- @vue-expect-error Radix-vue props doesn't follow our exactOptionalPropertyTypes rule -->
  <TooltipTrigger v-bind="props">
  <slot />
  </TooltipTrigger>

packages/cmk-frontend-vue/src/quick-setup/ui/tooltip/UiTooltip.vue

@@ -13,6 +13,7 @@ const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>
+ <!-- @vue-expect-error Radix-vue props doesn't follow our exactOptionalPropertyTypes rule -->
  <TooltipRoot v-bind="forwarded">
  <slot />
  </TooltipRoot>

packages/cmk-frontend-vue/tsconfig.app.json

@@ -17,7 +17,10 @@
  "noFallthroughCasesInSwitch": true,
  "noImplicitOverride": true,
  "noImplicitReturns": true,
- "noPropertyAccessFromIndexSignature": true,
+ // Enabling this option doesn't play nice with vue:
+ // Properties of components exported via index.ts will be typed as Any
+ // Issue link: https://github.com/vuejs/core/issues/11732
+ "noPropertyAccessFromIndexSignature": false,
  "noUncheckedIndexedAccess": true,
  "noUnusedLocals": true,
  "noUnusedParameters": true