<template>
    <div class="assets-list">
        <assets-item v-for="item in assets" :key="item.id" :asset="item"> {{item.name}} </assets-item>
    </div>
</template>

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator';
import AssetItem from '../components/AssetsItem.vue'



@Component({
    components: {
        'assets-item': AssetItem
    }
})
export default class AssetList extends Vue {

  @Prop({ default: []})
  assets!: [] 

  mounted() {

    
  }

}
</script>
<style lang="less" scoped>

    .assets-list {

        display: flex;
        flex-wrap: wrap;

    }
</style>
