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

export default {
    components: { Moveable },
    data() {
        return {};
    },
    methods: { onDrag(e) {
        e.target.style.transform = e.transform;
    } }
};
</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>