DropArea #

<template>
  <div style="width: 300px">
    <GDropArea :items="items">
      <template #dropItem="{ item }">
        <div
          style="
            background-color: skyblue;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
          "
        >
          {{ item }}
        </div>
      </template>
    </GDropArea>
  </div>
</template>

<script lang="ts" setup>
import { GDropArea } from '@lingjhf/guava-vue'

const items = [1, 2, 3, 4, 5, 6]
</script>