fix: opt in to import.meta.* properties (#1514)

Author: danielroe

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

@@ -57,14 +57,14 @@ const { data: config, promise } = useDocument(configRef, { wait: true })
 
 onMounted(() => {
   promise.value.then((data) => {
-    if (process.client) {
+    if (import.meta.client) {
       console.log('promise resolved', toRaw(data))
     }
     isDoneFetching.value = true
   })
 
   usePendingPromises().then((data) => {
-    if (process.client) {
+    if (import.meta.client) {
       console.log('pending promise resolved', toRaw(data))
     }
     isAllDoneFetching.value = true

packages/nuxt/src/runtime/analytics/composables.ts

@@ -8,5 +8,5 @@ import { useFirebaseApp } from '../app/composables'
  * @returns the Analytics instance
  */
 export function useAnalytics() {
-  return process.client ? getAnalytics(useFirebaseApp()) : null
+  return import.meta.client ? getAnalytics(useFirebaseApp()) : null
 }

packages/nuxt/templates/plugin.ejs

@@ -10,7 +10,7 @@ export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.use(VueFire, { firebaseApp })
 
   <% if(options.ssr) { %>
-  if (process.server) {
+  if (import.meta.server) {
     // collect the initial state
     nuxtApp.payload.vuefire = useSSRInitialState(undefined, firebaseApp)
   } else if (nuxtApp.payload?.vuefire) {