This gist extends the previous one by integrating OpenSeadragon + SVG overlay with Vue.js.
xxxxxxxxxx
<html>
<head>
<meta charset="utf-8">
<title>OpenSeadragon + SVG overlay</title>
<link type="text/css" href="index.css" rel="stylesheet"/>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-selection-multi.v0.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fabiovalse/hub/lib/openseadragon/openseadragon.min.js"></script>
<script src="openseadragon-svg-overlay.js"></script>
</head>
<body>
<div id="app"></div>
<script src="OverlayComponent.js"></script>
<script src="OpenSeadragon.js"></script>
<script src="index.js"></script>
</body>
</html>
Updated missing url https://rawgit.com/fabiovalse/Hub/master/lib/openseadragon/openseadragon.min.js to https://cdn.jsdelivr.net/gh/fabiovalse/hub/lib/openseadragon/openseadragon.min.js
https://d3js.org/d3.v4.min.js
https://d3js.org/d3-selection-multi.v0.4.min.js
https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js
https://rawgit.com/fabiovalse/Hub/master/lib/openseadragon/openseadragon.min.js