added firebase

frontend/app.vue

@@ -5,3 +5,12 @@
         <LayoutNavbar />
     </div>
 </template>
+
+<script setup>
+import { doc, getFirestore, serverTimestamp, writeBatch, collection, getDocs } from "firebase/firestore"; 
+
+const db = getFirestore()
+
+
+provide('firebase', { db })
+</script>

frontend/nuxt.config.ts

@@ -1,4 +1,8 @@
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
-    modules: ['@nuxtjs/tailwindcss', '@formkit/nuxt', 'nuxt-icon', '@vueuse/nuxt', '@pinia/nuxt']
+    modules: [
+        '@nuxtjs/tailwindcss',
+        'nuxt-icon',
+        '@vueuse/nuxt',
+    ]
 })

frontend/package.json

@@ -15,8 +15,6 @@
     "nuxt-icon": "^0.1.5"
   },
   "dependencies": {
-    "@formkit/nuxt": "^1.0.0-beta.10",
-    "@pinia/nuxt": "^0.4.2",
     "firebase": "^9.10.0",
     "vue-toastification": "^2.0.0-rc.5"
   }

frontend/plugins/firebase.js

@@ -1,7 +1,7 @@
 import { initializeApp } from "firebase/app";
-import { getAnalytics } from "firebase/analytics";
 
-const firebaseConfig = {
+export default defineNuxtPlugin((nuxtApp) => {
+  const firebaseConfig = {
     apiKey: "AIzaSyCtHFyfCRkBt8MX5LPFogBi8ssKSypkW0g",
     authDomain: "wrbapp.firebaseapp.com",
     projectId: "wrbapp",
@@ -9,7 +9,7 @@ const firebaseConfig = {
     messagingSenderId: "160377508482",
     appId: "1:160377508482:web:f651ccf2b242daf4879a9b",
     measurementId: "G-31HEXDSVPZ"
-};
+  };
   
-const app = initializeApp(firebaseConfig);
-const analytics = getAnalytics(app);
+  const app = initializeApp(firebaseConfig);
+})