dsf

<template>
  <div>
    <perfect-scrollbar
      infinite-wrapper
    >
    <draggable
      :list="list"
      class="list-group"
      ghost-class="ghost"
    >
    <div v-for="(item, $index) in list" :key="$index">
      <div style="height: 100px;">{{ item.name + item.conditionalPolicyId }}</div>
    </div>
    </draggable>
    <infinite-loading @infinite="infiniteHandler"></infinite-loading>
    </perfect-scrollbar>
  </div>
</template>

<script>
import axios from 'axios';
import { PerfectScrollbar } from "vue2-perfect-scrollbar";
import InfiniteLoading from "vue-infinite-loading";
import draggable from "vuedraggable";

const api = '//hn.algolia.com/api/v1/search_by_date?tags=story';

export default {
  data() {
    return {
      page: 1,
      list: [],
      searchAfter: []
    };
  },
  components: {
    InfiniteLoading,
    PerfectScrollbar,
    draggable,
  },
  methods: {
    async infiniteHandler($state) {
  },
};
</script>

<style lang="scss" scoped>
.ps {
  height: 30vh;
}
</style>