Vector tiles EPSG:25832

HTML

<script src="https://unpkg.com/vue@2.6.12/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.4.3/build/ol.js"></script>
<script src="https://unpkg.com/proj4@2.6.2/dist/proj4.js"></script>
<script src="https://unpkg.com/vuelayers@0.12.0-rc.25/dist/vuelayers.umd.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vuelayers@0.12.0-rc.25/dist/vuelayers.css">
<div id="app">
<my-map :features="features"></my-map>
</div>

CSS

html, body, #app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#app {
  display: flex;
  flex-direction: column;
}

.vl-map {
  overflow: hidden;
}

JavaScript

proj4.defs('EPSG:25832', '+proj=utm +zone=32 +ellps=GRS80 +units=m +no_defs');
ol.proj.proj4.register(proj4);
ol.proj.get('EPSG:25832').setExtent([120000, 5900000, 1000000, 6500000]);


const MyMap = Vue.component('my-map', {
  template: `<vl-map data-projection="EPSG:25832">
      <vl-view projection="EPSG:25832" :extent="[120000, 5900000, 1000000, 6500000]"></vl-view>
      <vl-layer-tile id="osm">
        <vl-source-osm></vl-source-osm>
      </vl-layer-tile :extent="[120000, 5900000, 1000000, 6500000]">
        <vl-layer-vector-tile>
        <vl-source-vector-tile url="https://192.168.0.100:45457/v1/routes/tile/{z}/{y}/{x}.mvt"></vl-source-vector-tile>
      </vl-layer-vector-tile>
    </vl-map>`
});

new Vue({
  el: '#app',
  components: {
    MyMap
  }
})