Nuxt_Firebase_index.vue

<template>
  <section class="container">
    <div>
      <h1 class="title">test app</h1>
      <div v-if="projects.length != 0">
        <ul>
          <li v-for="project in projects" :key="project.id">
            <nuxt-link :to="'/projects/'+project.projectID">{{ project.name }}</nuxt-link>
          </li>
        </ul>
      </div>
    </div>
  </section>
</template>

<script>
import db from "~/plugins/firebase";

export default {
  async asyncData({ params }) {
    return {
      projects: await getAllDocs("projects")
    };
  }
};

// get all documents
async function getAllDocs(collection) {
    let obj = [];
    let colRef = db.collection(collection);
    const allSnapShot = await colRef.get();
    allSnapShot.forEach(doc => {
      obj.push(doc.data());
    });
    return obj;
}
</script>