ionic slot is not vue slot

[trydofor]

<IonTabBar slot="bottom">
  <IonTabButton
    v-for="tb in tabs"
    :key="tb.tab"
    :tab="tb.tab"
    :href="tb.href"
  >
    <div :class="tb.icon" />
    <IonLabel>{{ tb.label }}</IonLabel>
  </IonTabButton>
</IonTabBar>

will lint to

<template #bottom>
  <IonTabBar>
    <IonTabButton
      v-for="tb in tabs"
      :key="tb.tab"
      :tab="tb.tab"
      :href="tb.href"
    >
      <div :class="tb.icon" />
      <IonLabel>{{ tb.label }}</IonLabel>
    </IonTabButton>
  </IonTabBar>
</template>

to lead ionic IonTabBar works wrong

[trydofor]

https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html

"ignore" (string[]) An array of tags that ignore this rules. This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.

disable by component

{
  files: ['**/*.vue'],
  rules: {
    'vue/no-deprecated-slot-attribute': ['error', {
      ignore: ['IonTabBar'],
    }],
  },
},

disable line

<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
<IonTabBar slot="bottom">

disable block

<!-- eslint-disable vue/no-deprecated-slot-attribute -->
<IonTabBar slot="bottom">
  <!-- eslint-enable vue/no-deprecated-slot-attribute -->

[trydofor]

https://github.com/nuxt-modules/ionic/blob/main/src/imports.ts

[trydofor]

• mjs + jsdoc for relative import
• mjs + d.mts for absolute import