<template>
  <Transfer v-bind="$attrs">
    <template
      v-for="(item, key, index) in $slots"
      :key="index"
      v-slot:[key]="scope"
    >
      <slot :name="key" :direction="scope"></slot>
    </template>
  </Transfer>
</template>

<script lang="ts" setup>
import { Transfer } from "ant-design-vue";
import { useSlots, useAttrs } from "vue";

const slots = useSlots();
const attrs = useAttrs();
console.log(slots, attrs, "attrs");
</script>
<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "c-transfer",
});
</script>

<style scoped></style>
