Implementing circular scrolling list function based on Vue

<vue-seamless-scroll :data="listData" class="seamless-warp" :class-option="defaultOption">
        <ul class="item">
            <li v-for="item in listData">
                <span class="title" v-text="item.title"></span><span class="date" v-text="item.date"></span>
            </li>
        </ul>
    </vue-seamless-scroll>

<style lang="scss" scoped>
    .seamless-warp {
        height: 229px;
        overflow: hidden;
    }
</style>

<script>
    export default {
        data () {
            return {
                listData: [{
                   'title': 'Seamless scrolling first line Seamless scrolling first line',
                   'date': '2017-12-16'
                 }, {
                    'title': 'Seamless scrolling second line Seamless scrolling second line',
                    'date': '2017-12-16'
                 }, {
                     'title': 'Seamless scrolling third line Seamless scrolling third line',
                     'date': '2017-12-16'
                 }, {
                     'title': 'Seamless scrolling fourth line Seamless scrolling fourth line',
                     'date': '2017-12-16'
                 }, {
                     'title': 'Seamless scrolling fifth line Seamless scrolling fifth line',
                     'date': '2017-12-16'
                 }, {
                     'title': 'Seamless scrolling sixth line Seamless scrolling sixth line',
                     'date': '2017-12-16'
                 }, {
                     'title': 'Seamless scrolling seventh line Seamless scrolling seventh line',
                     'date': '2017-12-16'
                 }, {
                     'title': 'Seamless scrolling eighth line Seamless scrolling eighth line',
                     'date': '2017-12-16'
                 }, {
                     'title': 'Seamless scrolling ninth line Seamless scrolling ninth line',
                     'date': '2017-12-16'
                 }]
                }
            }
       }
</script>

computed: {
    defaultOption() {
      return {
        step: 0.6, // The larger the value, the faster the scrolling. hoverStop: true, // Whether to enable mouse hover stop
        direction: 1, // 0 down 1 up 2 left 3 right waitTime: 1000 // Single-step motion stop time (default 1000ms)
      }
    }
  }