Das Problem der Verwendung von Slots durch Vue+tsx wird nicht behoben

Komponente aus „Vue-Class-Komponente“ importieren
Importiere VanUIComponent aus '@packs/common/VanUIComponent'
importiere { VNode } von 'vue'
importiere { Prop } von 'vue-property-decorator'
importiere { CardShadowEnum } aus '@packs/config/card'

@Komponente
exportiere Standardklasse Card erweitert VanUIComponent {
  @Stütze({
    Typ: Zeichenfolge,
    Standard: nicht definiert
  }) öffentliches HeaderPadding !: Zeichenfolge | nicht definiert

  @Stütze({
    Typ: Zeichenfolge,
    Standard: ''
  }) öffentlicher Titel !: Zeichenfolge

  @Stütze({
    Typ: Zeichenfolge,
    Standard: CardShadowEnum.Hover
  }) öffentlicher Schatten !: CardShadowEnum

  öffentlicher statischer Komponentenname = "v-card"

  öffentliches Abrufen von WrapperClassName(): Zeichenfolge {
    Konstantenliste: Zeichenfolge[] = ['v-card__wrapper']

    Liste.push(`Schatten-${ dieser.Schatten }`)

    gibt list.join(' ') zurück
  }

  öffentliches Rendern(): VNode {
    zurückkehren (
      <div Klasse={ dieser.WrapperKlassenname }>
        <div Klasse="v-card__header" Stil={ { padding: this.headerPadding } }>
          {
            dies.$slots.title ? <slot name="title" /> : <div>{ diese.title }</div>
          }
        </div>
        <div Klasse="v-card__body">
          <slot name="Standard" />
        </div>
        <div Klasse="v-card__footer"></div>
      </div>
    )
  }
}

<Vorlage>
  <v-Karte>
    <template #title>1111</template>
  </v-Karte>
</Vorlage>

<script lang="ts">
Vue von „vue“ importieren
Komponente aus „Vue-Class-Komponente“ importieren

@Komponente
exportiere Standardklasse Components erweitert Vue {

}
</Skript>

<style lang="scss" scoped>
.components__wrapper {
  Polsterung: 20px;
}
</Stil>

...
  öffentliches Rendern(): VNode {
    zurückkehren (
      <div Klasse={ this.wrapperClassName }>
        <div Klasse="v-card__header" Stil={ { padding: this.headerPadding } }>
          {
            dies.$slots.title ?? <div>{ diese.title }</div>
          }
        </div>
        <div Klasse="v-card__body">
          <slot name="Standard" />
        </div>
        <div Klasse="v-card__footer"></div>
      </div>
    )
  }
...