Ocelot-Social/webapp/pages/admin/categories.vue
2019-11-19 12:26:07 +03:00

49 lines
889 B
Vue

<template>
<ds-card :header="$t('admin.categories.name')">
<ds-table :data="Category" :fields="fields" condensed>
<template slot="icon" slot-scope="scope">
<base-icon :name="scope.row.icon" />
</template>
</ds-table>
</ds-card>
</template>
<script>
import gql from 'graphql-tag'
export default {
data() {
return {
Category: [],
}
},
computed: {
fields() {
return {
icon: ' ',
name: this.$t('admin.categories.categoryName'),
postCount: {
label: this.$t('admin.categories.postCount'),
align: 'right',
},
}
},
},
apollo: {
Category: {
query: gql`
query {
Category(orderBy: postCount_desc) {
id
name
slug
icon
postCount
}
}
`,
},
},
}
</script>