From cc62e345eb96a632730bed796c77afe7ecdadf2a Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Mon, 25 Mar 2024 16:57:58 +0000
Subject: [PATCH] fix: opt in to `import.meta.*` properties (#1561)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
---
 docs/composables/useComponentMeta.ts       | 2 +-
 docs/composables/useContentExamplesCode.ts | 2 +-
 docs/plugins/prettier.ts                   | 2 +-
 docs/plugins/ui.ts                         | 4 ++--
 src/runtime/composables/useShortcuts.ts    | 2 +-
 src/runtime/plugins/colors.ts              | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/composables/useComponentMeta.ts b/docs/composables/useComponentMeta.ts
index c97ec595..7d3e100c 100644
--- a/docs/composables/useComponentMeta.ts
+++ b/docs/composables/useComponentMeta.ts
@@ -12,7 +12,7 @@ export async function fetchComponentMeta (name: string) {
   // Store promise to avoid multiple calls
 
   // add to nitro prerender
-  if (process.server) {
+  if (import.meta.server) {
     const event = useRequestEvent()
     event.node.res.setHeader(
       'x-nitro-prerender',
diff --git a/docs/composables/useContentExamplesCode.ts b/docs/composables/useContentExamplesCode.ts
index 06030160..659dcbc0 100644
--- a/docs/composables/useContentExamplesCode.ts
+++ b/docs/composables/useContentExamplesCode.ts
@@ -11,7 +11,7 @@ export async function fetchContentExampleCode (name?: string) {
   if (state.value[name]) { return state.value[name] }
 
   // add to nitro prerender
-  if (process.server) {
+  if (import.meta.server) {
     const event = useRequestEvent()
     event.node.res.setHeader(
       'x-nitro-prerender',
diff --git a/docs/plugins/prettier.ts b/docs/plugins/prettier.ts
index 91c89877..3abf6013 100644
--- a/docs/plugins/prettier.ts
+++ b/docs/plugins/prettier.ts
@@ -44,7 +44,7 @@ function createPrettierWorkerApi (worker: Worker): SimplePrettier {
 export default defineNuxtPlugin({
   async setup () {
     let prettier: SimplePrettier
-    if (process.server) {
+    if (import.meta.server) {
       const prettierModule = await import('prettier')
       prettier = {
         format (source, options = {
diff --git a/docs/plugins/ui.ts b/docs/plugins/ui.ts
index 044a1688..ee0fa0d7 100644
--- a/docs/plugins/ui.ts
+++ b/docs/plugins/ui.ts
@@ -23,7 +23,7 @@ export default defineNuxtPlugin({
         `
     })
 
-    if (process.client) {
+    if (import.meta.client) {
       watch(root, () => {
         window.localStorage.setItem('nuxt-ui-root', root.value)
       })
@@ -31,7 +31,7 @@ export default defineNuxtPlugin({
       appConfig.ui.primary = window.localStorage.getItem('nuxt-ui-primary') || appConfig.ui.primary
       appConfig.ui.gray = window.localStorage.getItem('nuxt-ui-gray') || appConfig.ui.gray
     }
-    if (process.server) {
+    if (import.meta.server) {
       useHead({
         script: [
           {
diff --git a/src/runtime/composables/useShortcuts.ts b/src/runtime/composables/useShortcuts.ts
index 82f3973a..cd1f6378 100644
--- a/src/runtime/composables/useShortcuts.ts
+++ b/src/runtime/composables/useShortcuts.ts
@@ -3,7 +3,7 @@ import { ref, computed, onMounted } from 'vue'
 import type {} from '@vueuse/shared'
 
 export const _useShortcuts = () => {
-  const macOS = computed(() => process.client && navigator && navigator.userAgent && navigator.userAgent.match(/Macintosh;/))
+  const macOS = computed(() => import.meta.client && navigator && navigator.userAgent && navigator.userAgent.match(/Macintosh;/))
 
   const metaSymbol = ref(' ')
 
diff --git a/src/runtime/plugins/colors.ts b/src/runtime/plugins/colors.ts
index 7b9abb01..a9b886c7 100644
--- a/src/runtime/plugins/colors.ts
+++ b/src/runtime/plugins/colors.ts
@@ -41,7 +41,7 @@ ${Object.entries(gray || colors.cool).map(([key, value]) => `--color-gray-${key}
   }
 
   // SPA mode
-  if (process.client && nuxtApp.isHydrating && !nuxtApp.payload.serverRendered) {
+  if (import.meta.client && nuxtApp.isHydrating && !nuxtApp.payload.serverRendered) {
     const style = document.createElement('style')
 
     style.innerHTML = root.value