<template>
    <div class="page theme-default">
        <section class="page__folder theme__page__folder">
            <Folder></Folder>
        </section>
        <section class="page__filelist">
            <FileList></FileList>
        </section>
        <section class="page__filecontent"></section>
    </div>
</template>

<script>
const fs = require('fs');
const path = require('path');

import Folder from './modules/folder.vue';
import FileList from './modules/file-list.vue';

export default {
    components: {
        Folder,
        FileList
    },
    data() {
        return {
            
        };
    },
    mounted() {
        this.getFiles();
    },
    methods: {
        getFiles() {
            const files = fs.readdirSync('/Users/lyy/Downloads/code/github/kmind');
            console.log(files);
        }
    }
};

</script>

<style lang="less" scroped>
.page {
    display: flex;
    height: 100vh;
}

.page__folder {
    min-width: 100px;
    border-right: 1px solid #ccc;
}

.page__filelist {
    min-width: 150px;
    border-right: 1px solid #ccc;
}

.page__filecontent {
    flex: 1;
    background: #fff;
}
</style>
