chore: playground

Author: posva

packages/nuxt/playground/pages/firestore-useDocument.vue

@@ -1,8 +1,50 @@
 <script setup lang="ts">
-import { doc, getDoc } from 'firebase/firestore'
+import {
+  GeoPoint,
+  doc,
+  getDoc,
+  serverTimestamp,
+  setDoc,
+} from 'firebase/firestore'
 import { useDocument, useFirestore, usePendingPromises } from 'vuefire'
 import { ref } from 'vue'
 
+async function setupNestedDocument() {
+  const configDoc = await getDoc(configRef)
+  if (configDoc.exists()) {
+    return
+  }
+
+  for (let i = 0; i < 3; i++) {
+    await setDoc(doc(db, 'todos', String(i)), {
+      text: 'Todo ' + i,
+      finished: false,
+      created: serverTimestamp(),
+    })
+    await setDoc(doc(db, 'tweets', String(i)), {
+      text: 'Tweet ' + i,
+      created: serverTimestamp(),
+    })
+  }
+
+  await setDoc(configRef, {
+    amount: 28,
+    name: 'Eduardo',
+    array: ['one', 'two'],
+    object: {
+      bar: 'baro',
+      foo: 'foo',
+      todo: doc(db, 'todos', '1'),
+    },
+    oneTweet: doc(db, 'tweets', '1'),
+    time: serverTimestamp(),
+    loc: new GeoPoint(48.8566, 2.3522),
+
+    todos: [doc(db, 'todos', '1'), doc(db, 'todos', '2')],
+    tweets: [doc(db, 'tweets', '1'), doc(db, 'tweets', '2')],
+  })
+}
+
 const db = useFirestore()
 const configRef = doc(db, 'configs', 'jORwjIykFo2NmkdzTkhU')
 // const itemRef = doc(db, 'tests', 'item')
@@ -27,22 +69,22 @@ onMounted(() => {
     isAllDoneFetching.value = true
   })
 })
+
+setupNestedDocument()
 </script>
 
 <template>
   <div>
     <p>config:</p>
     <p>finished: {{ isDoneFetching }}</p>
     <p>All finished: {{ isAllDoneFetching }}</p>
-    <p>
-      Revive check:
-    </p>
+    <p>Revive check:</p>
     <ul>
       <li>TimeStamp: {{ config?.time }}</li>
       <li>GeoPoint: {{ config?.loc }}</li>
     </ul>
 
-    <hr>
+    <hr />
 
     <pre>{{ config }}</pre>
   </div>

playground/tsconfig.config.json

@@ -1,8 +1,14 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.node.json",
-  "include": ["vite.config.*", "vitest.config.*", "cypress.config.*"],
+  "extends": "@vue/tsconfig/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*"
+  ],
   "compilerOptions": {
     "composite": true,
-    "types": ["node"]
+    "types": [
+      "node"
+    ]
   }
 }