feat(ssr): handles TimeStamps

Author: posva

packages/nuxt/src/module.ts

@@ -89,6 +89,9 @@ export default defineNuxtModule<VueFireNuxtModuleOptions>({
     const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
     const templatesDir = fileURLToPath(new URL('../templates', import.meta.url))
 
+    // to handle TimeStamp objects
+    addPlugin(resolve(runtimeDir, 'payload-plugin'))
+
     // TODO: I don't think the appConfig is the right place to store these as it makes things reactive
     // Let plugins and the user access the firebase config within the app
     nuxt.options.appConfig.firebaseConfig = markRaw(options.config)

packages/nuxt/src/runtime/payload-plugin.ts

@@ -0,0 +1,19 @@
+import {
+  definePayloadPlugin,
+  definePayloadReducer,
+  definePayloadReviver,
+} from '#app'
+
+/**
+ * Handles Firestore Timestamps and other JSONifiable objects
+ */
+export default definePayloadPlugin(() => {
+  definePayloadReducer(
+    'JSONifiable',
+    (data: any) =>
+      data != null &&
+      typeof data.toJSON === 'function' &&
+      JSON.stringify(data.toJSON())
+  )
+  definePayloadReviver('JSONifiable', (data: string) => JSON.parse(data))
+})