Draggable container -> script setup

This commit is contained in:
Matthias 2023-02-27 20:09:40 +01:00
parent 58638ceb80
commit 47bc84e543

View File

@ -1,7 +1,9 @@
<template> <template>
<div class="card h-100 w-100"> <div class="card h-100 w-100">
<div class="drag-header card-header"> <div class="drag-header card-header">
{{ header }} <slot name="header">
{{ header }}
</slot>
</div> </div>
<div class="card-body h-100 w-100 overflow-auto"> <div class="card-body h-100 w-100 overflow-auto">
<slot></slot> <slot></slot>
@ -9,14 +11,9 @@
</div> </div>
</template> </template>
<script lang="ts"> <script setup lang="ts">
import { defineComponent } from 'vue'; defineProps({
header: { required: true, type: String },
export default defineComponent({
name: 'DraggableContainer',
props: {
header: { required: true, type: String },
},
}); });
</script> </script>