How can I make a Vue.draggable horizontal list?

I have a list of images that I want to drag with draggable, tried using the direction tag, but it doesn't change anything, is there some way I can make the list horizontal?

<div class="tier-sort">
  <draggable v-model="items" direction="horizontal">
    <div 
      v-for="item in items" 
      :key="item.id" 
      class="tier-item" 
      :style="item.image"
    >
    </div>
  </draggable>
</div>