title: stop vue carousel image from sliding in on load
body: <p>When I load the page that shows the <code>v-carousel</code> it loads the images in by swiping them from right to left. Like the images below.</p>
  
  <p>How can I get rid of this swipe? I want the image to load in place, and when I click the buttons it moves to the next image.</p>
  
  <p><strong>On load: Initially it is white</strong></p>
  
  <p><a href="https://i.stack.imgur.com/bBCkH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bBCkH.png" alt="step 1"></a></p>
  
  <p><strong>Then Image loads by swiping from the right to the left.</strong></p>
  
  <p><a href="https://i.stack.imgur.com/7EX3T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7EX3T.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/eO22I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eO22I.png" alt="enter image description here"></a></p>