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