<template>
  <v-container fluid>
    <v-row>
      <v-col cols="6">
        <v-row>
          <v-card class="ma-3 pa-6" outlined tile width="100%">
            <v-card-title>Data</v-card-title>
            <pre v-if="model" v-html="model"></pre>
          </v-card>
        </v-row>
      </v-col>
      <v-col cols="6">
        <v-row>
          <v-card class="ma-3 pa-6" outlined tile width="100%">
            <v-card-title>Schema</v-card-title>
            <pre v-html="jsonData"></pre>
          </v-card>
        </v-row>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
export default {
  middleware: 'auth',
  layout: `${process.env.CUSTOMER}Admin`,
  components: {
  },
  data() {
    return {
      model: {},
      jsonData: {
        name: 'mike',
        age: 23,
        phone: '18552129932',
        address: ['AAA C1', 'BBB C2']
      }
    }
  }
}
</script>