<template>
  <div>
    <p class="mb-0">
      {{ item.$item.title || item.$item.name }}
      <br />
      <small class="text-muted">{{ item.$item.url }}</small>
    </p>
  </div>
</template>

<style scoped>
.url {
  font-size: 12px;
}
</style>

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator';

@Component
export default class PageCrudColumnTitle extends Vue {
  @Prop(Object) item!: any;
}
</script>
