nuxtjsでfirestoreを使うときのapikeyなどの書き方

? Which Firebase CLI features do you want to setup for this folder? Press Space to select features, then Enter to confirm your choices.

? Select a default Firebase project for this directory

? What file should be used for Firestore Rules? (firestore.rules)

? What file should be used for Firestore indexes? (firestore.indexes.json)

? What do you want to use as your public directory? (public)

? Configure as a single-page app (rewrite all urls to /index.html)? (y/N)

$ firebase deploy

$ npm install @nuxtjs/dotenv

modules:[
   '@nuxtjs/dotenv'
],

$ touch .env

FB_API_KEY=<FIREBASE_API_KEY>
FB_AUTH_DOMAIN=<FIREBASE_ AUTH_DOMAIN>
FB_DATABASE_URL=<FIREBASE_DATABASE_URL>
FB_PROJECTID=<FIREBASE_PROJECT_ID>
FB_STORAGE_BUCKET=<FIREBASE_ STORAGE_BUCKET>
FB_MESSAGING_SENDER_ID=<MESSAGING_SENDER_ID>

import firebase from "firebase";

// .env に設定した値を取得してる
const config = {
  apiKey: process.env.FB_API_KEY,
  authDomain: process.env.FB_AUTH_DOMAIN,
  databaseURL: process.env.FB_DATABASE_URL,
  projectId: process.env.FB_PROJECTID,
  storageBucket: process.env.FB_STORAGE_BUCKET,
  messagingSenderId: process.env.FB_MESSAGING_SENDER_ID
}
if (!firebase.apps.length) {
  firebase.initializeApp(config)
}
export default firebase

plugins: [
    '~/plugins/firebase',
],

import Vuex from 'vuex'
import firebase from "~/plugins/firebase.js"

<template>
  <ul>
    <li v-for="(item,index) in init" :key="index">
      {{ item.id }}：{{ item.name }}{{ item.email }}
    </li>
  </ul>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  computed: {
    ...mapGetters({
      init: 'getItems'
    })
  }
}
</script>

import Vuex from 'vuex'
import firebase from "~/plugins/firebase.js"


const db = firebase.firestore();
const INIT = 'INIT'

let usersRef = db.collection('users');


const initPlugin = store => store.dispatch(INIT)

const store = () =>
  new Vuex.Store({
    state: {
      itemList: []
    },
    mutations: {
      INIT(state, data) {
        state.itemList = data
      }

    },
    actions: {
      INIT({ commit }) {
        usersRef.get().then(res => {
          let list = []
          res.forEach(doc => {
            let data = {
              id: doc.id,
              name: doc.data().name,
              email: doc.data().email
            }
            list.push(data)
          })
          commit('INIT', list)
        })
      }
    },
    getters: {
      getItems: state => {
        return state.itemList
      }
    },
    plugins: [initPlugin]
  })
export default store

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /users/{
      allow read, write: if true;
    }
  }
}