<template>
    <div id="social">
      <v-container grid-list-xl fluid>
          <v-layout row wrap>
            <v-flex lg6 sm12 xs12>
              <message-list></message-list>
            </v-flex>
            <v-flex lg6 sm12 xs12>
              <notification-list></notification-list>
            </v-flex>
            <v-flex lg7 sm12 xs12>
              <plain-table></plain-table>
            </v-flex>
            <v-flex lg5 sm12 xs12>
              <plain-table-order></plain-table-order>
            </v-flex>
            <v-flex lg12 sm12 xs12>
              <post-list-card :items="posts"></post-list-card>
            </v-flex>
          </v-layout>
        </v-container>
    </div>
  </template>
  
  <script>
  import { getPost } from '@/api/post';
  import MessageList from '@/components/widgets/list/MessageList';
  import NotificationList from '@/components/widgets/list/NotificationList';
  import PlainTable from '@/components/widgets/list/PlainTable';
  import PlainTableOrder from '@/components/widgets/list/PlainTableOrder';
  import PostListCard from '@/components/widgets/card/PostListCard';
  export default {
    components: {
      PostListCard,
      MessageList,
      NotificationList,
      PlainTable,
      PlainTableOrder
    },
    data () {
      return {
      };
    },
    computed: {
      posts () {
        return getPost();
      }
    },
    methods: {
      handleClick: (e) => {
        console.log(e);
      }
    },
    
  };
  </script>