Cómo obtener el data de firestore y mostrarlo en un componente vuetify

En mi código quiero obtener la data de la colección de un documento de firestore, por un lado un campo y por otro una subcolección. El campo sí lo he podido reflejar pero con la subcolección no he tenido éxito.

<template>
...
<div v-if="coda"
           :key= "coda.cid"
           :nom="coda.cli.nom"
           :pedT="coda.pedT"
            >

Este campo del documento de firestore sí se muestra correctamente

              <v-toolbar-title >
                <h1> {{coda.cli.nom}} </h1>
              </v-toolbar> 

…pero esta subsolección del mismo documento, no he podido hacer que se muestre

                         <v-data-table
                            :items="pedT"
                            class="elevation-1"
                            >
                            <template v-slot:items="props">
                                <td>{{ props.item.prod.nam }}</td>
                                <td class="text-xs-right">
                                  {{ props.item.prod.uni }}
                                </td>
                          </v-data-table>
...
 </div>
</template>

Aquí adjunto lo más importante de mi script

<script>
import { db } from '@/firebase'

export default {
    data: () => ({
         codas: [],
         coda: {
            cli: { nom: '',
                       clid: ''
                     },
            pedT: ''
        },        
        pedT: [],
        pedI: {
            prod: '',            
        },
    })
     methods: {
        abrirCoda(coda) {    
            this.coda = coda;
        }
    }

}
</script>