nuxtアプリケーションからfirestoreにアクセスできない

Question

Nuxtでアプリケーションを作成しているのですが、エラーが出てfirestoreからデータが引っ張ってこれず困っています。

エラーは"aftercleansing"というプロジェクトIDは不正です。という意味かと思っているのですが、どのようにおかしいのかが分かりません😭

firebaseコンソールではこうなっており、正しいとは思うのですが、、

もしどなたかわかる方いればよろしくお願いします????‍♂️
追加で必要な情報があれば追記します????‍♂️

エラー全文

@firebase/firestore: Firestore (8.0.1): Could not reach Cloud Firestore backend. Connection failed 1 times. Most recent error: FirebaseError: [code=invalid-argument]: 3 INVALID_ARGUMENT: Project id "aftercleansing", is malformed: it either contains invalid characters or is too long. Look at https://cloud.google.com/resource-manager/docs/creating-managing-projects#identifying_projects for instructions in how to get a project's id.

This typically indicates that your device does not have a healthy Internet connection at the moment. The client will operate in offline mode until it is able to successfully connect to the backend.