<script>
import Moveable from "vue3-moveable";
import "./safari.css";

export default {
    components: { Moveable },
    setup() {
        const onDrag = e => {
            e.target.style.transform = e.transform;
        };
        return { onDrag };
    }
};
</script>
<template>
    <div class="safari-app">
        <div class="safari-canvas">
            <div class="safari-pages">
                <div class="safari-target"/>
                <Moveable
                    :target="'.safari-target'"
                    :draggable="true"
                    @drag="onDrag"/>
            </div>
        </div>
    </div>
</template>