<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>

    <div id="app">
      <h1>Cropper 1</h1>
      <button @click="console.log('clicked')">Hello</button>
      <vue-cropper :src='"https://agontuk.github.io/assets/images/berserk.jpg"'
                   :aspect-ratio="4/3"
                   :value='{"x":1141,"y":540,"width":713,"height":466}'
                   @input="console.log($event)" ></vue-cropper>
    </div>
    <!-- built files will be auto injected -->

    <script defer src="http://localhost:3100/js/chunk-vendors.js"></script>
    <script defer src="http://localhost:3100/js/app.js"></script>
  </body>
</html>
