1 <template>

     1 <template>

     3     <rect

     3     <rect

     4         ref="shape"

     4         ref="shape"

     5         x="0" y="0"

     5         x="0" y="0"

     6         v-bind:width="width" v-bind:height="height"

     6         v-bind:width="width" v-bind:height="height"

     7         v-bind:stroke-width="handlerSize / 5"

     7         v-bind:stroke-width="handlerSize / 5"

     9         class="shape"

     8         class="shape"

    10         v-bind:class="{ 'shape--draggable': !readonly }"></rect>

     9         v-bind:class="{ 'shape--draggable': !readonly }"></rect>

    11     <rect

    10     <rect

    12         ref="topLeft"

    11         ref="topLeft"

    13         v-show="showResizeHandlers"

    12         v-show="showResizeHandlers"

   206 

   205 

   207 </script>

   206 </script>

   208 

   207 

   209 <style scoped>

   208 <style scoped>

   210 .shape {

   209 .shape {

   212     stroke: #000;

   211     stroke: #000;

   213     opacity: 0.6;

   212     opacity: 0.6;

   214 }

   213 }

   215 .shape--draggable:hover {

   214 .shape--draggable:hover {

   216     cursor: move;

   215     cursor: move;