2019-11-13 21:02:44 +00:00
|
|
|
<template>
|
2019-11-13 22:21:19 +00:00
|
|
|
<div id="app">
|
2019-11-14 02:59:17 +00:00
|
|
|
<Navbar/>
|
2019-11-14 01:22:20 +00:00
|
|
|
|
|
|
|
<div class="container mt-2">
|
2019-11-14 18:30:00 +00:00
|
|
|
<Table
|
|
|
|
:columns="['uid', 'description', 'box', 'image']"
|
|
|
|
:items="loadedItems"
|
|
|
|
:keyName="'uid'"
|
|
|
|
/>
|
2019-11-14 01:22:20 +00:00
|
|
|
</div>
|
2019-11-13 22:21:19 +00:00
|
|
|
</div>
|
2019-11-13 21:02:44 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2019-11-14 03:37:35 +00:00
|
|
|
import Table from '@/components/Table';
|
2019-11-14 02:59:17 +00:00
|
|
|
import Navbar from '@/components/Navbar';
|
2019-11-14 18:30:00 +00:00
|
|
|
import { mapState } from 'vuex';
|
2019-11-14 03:37:35 +00:00
|
|
|
|
2019-11-13 21:02:44 +00:00
|
|
|
export default {
|
2019-11-14 01:22:20 +00:00
|
|
|
name: 'app',
|
2019-11-14 03:37:35 +00:00
|
|
|
components: { Navbar, Table },
|
2019-11-14 18:30:00 +00:00
|
|
|
computed: mapState(['loadedItems'])
|
2019-11-13 21:21:47 +00:00
|
|
|
};
|
2019-11-13 21:02:44 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
2019-11-14 01:22:20 +00:00
|
|
|
body, html, #app {
|
2019-11-14 18:30:00 +00:00
|
|
|
background: #000;
|
2019-11-14 01:22:20 +00:00
|
|
|
}
|
2019-11-13 21:02:44 +00:00
|
|
|
</style>
|