orbit-controls can not pan and zoom

[david0t]

I use orbit and camera like sample:

      <orbit-controls :position="{x: 2, y: 2, z: 8}"
          :rotation="{ x: 2, y: 0, z: 3 }">
        <camera></camera>
      </orbit-controls>

I got warning like this when I try to pan or zoom

WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.

[bebjakub]

@fritx thank you for this powerful library!
Is there any progress, or suggestion how to fix that?

From my research I found, that we have to add camera object as first parameter in the OrbitControls object.

new OrbitControls(camera, renderer.domElement)

Working example

I passed global camera object as props into OrbitControls.vue and implement it, but I cannot get updated scope.zoomSpeed in OrbitControls.js. And lost dragging around scene functionality.

Thanx :)