Row.vue

<template>
    <tr class="item-row" @contextmenu.prevent="deletePath(item)">
        <td>
            <i class="fa fa-fw" :class="getIcon(item)" aria-hidden="true"></i>
            <a href='#' @click="openItem(item)"> {{ item.filename }}{{item.extension ? '.' + item.extension : '' }}</a>
        </td>
        <td> {{ createdOn(item) }}</td>
        <td> {{ item.size }}</td>
        <td> {{ item.type }}</td>
    </tr>
</template>

<script>
    export default {
        components: {},
        props: [
            'item'
        ],
        data: function () {
            return {}
        },
        methods: {}
    }
</script>

<style>
</style>