docs: replace process.* with import.meta.* (#26611)

This commit is contained in:
Damian Głowala 2024-04-02 13:46:05 +02:00 committed by GitHub
parent fe9667939a
commit 386be0b866
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
9 changed files with 14 additions and 14 deletions

View File

@ -130,12 +130,12 @@ export const useLocale = () => {
export const useDefaultLocale = (fallback = 'en-US') => { export const useDefaultLocale = (fallback = 'en-US') => {
const locale = ref(fallback) const locale = ref(fallback)
if (process.server) { if (import.meta.server) {
const reqLocale = useRequestHeaders()['accept-language']?.split(',')[0] const reqLocale = useRequestHeaders()['accept-language']?.split(',')[0]
if (reqLocale) { if (reqLocale) {
locale.value = reqLocale locale.value = reqLocale
} }
} else if (process.client) { } else if (import.meta.client) {
const navLang = navigator.language const navLang = navigator.language
if (navLang) { if (navLang) {
locale.value = navLang locale.value = navLang

View File

@ -125,12 +125,12 @@ However, if you want to avoid this behaviour you can do so:
```ts twoslash [middleware/example.ts] ```ts twoslash [middleware/example.ts]
export default defineNuxtRouteMiddleware(to => { export default defineNuxtRouteMiddleware(to => {
// skip middleware on server // skip middleware on server
if (process.server) return if (import.meta.server) return
// skip middleware on client side entirely // skip middleware on client side entirely
if (process.client) return if (import.meta.client) return
// or only skip middleware on initial client load // or only skip middleware on initial client load
const nuxtApp = useNuxtApp() const nuxtApp = useNuxtApp()
if (process.client && nuxtApp.isHydrating && nuxtApp.payload.serverRendered) return if (import.meta.client && nuxtApp.isHydrating && nuxtApp.payload.serverRendered) return
}) })
``` ```

View File

@ -78,7 +78,7 @@ export default defineNuxtPlugin({
::note ::note
If you are using the object-syntax, the properties may be statically analyzed in future to produce a more optimized build. So you should not define them at runtime. :br If you are using the object-syntax, the properties may be statically analyzed in future to produce a more optimized build. So you should not define them at runtime. :br
For example, setting `enforce: process.server ? 'pre' : 'post'` would defeat any future optimization Nuxt is able to do for your plugins. For example, setting `enforce: import.meta.server ? 'pre' : 'post'` would defeat any future optimization Nuxt is able to do for your plugins.
:: ::
## Registration Order ## Registration Order

View File

@ -98,7 +98,7 @@ The behavior is different between the client-side and server-side:
const config = useRuntimeConfig() const config = useRuntimeConfig()
console.log('Runtime config:', config) console.log('Runtime config:', config)
if (process.server) { if (import.meta.server) {
console.log('API secret:', config.apiSecret) console.log('API secret:', config.apiSecret)
} }
</script> </script>

View File

@ -172,6 +172,6 @@ import { createMemoryHistory } from 'vue-router'
export default <RouterConfig> { export default <RouterConfig> {
// https://router.vuejs.org/api/interfaces/routeroptions.html // https://router.vuejs.org/api/interfaces/routeroptions.html
history: base => process.client ? createMemoryHistory(base) : null /* default */ history: base => import.meta.client ? createMemoryHistory(base) : null /* default */
} }
``` ```

View File

@ -51,7 +51,7 @@ export default defineNuxtPlugin((nuxtApp) => {
}) })
nuxtApp.hook('vue:error', (..._args) => { nuxtApp.hook('vue:error', (..._args) => {
console.log('vue:error') console.log('vue:error')
// if (process.client) { // if (import.meta.client) {
// console.log(..._args) // console.log(..._args)
// } // }
}) })
@ -120,7 +120,7 @@ Nuxt exposes the following properties through `ssrContext`:
export const useColor = () => useState<string>('color', () => 'pink') export const useColor = () => useState<string>('color', () => 'pink')
export default defineNuxtPlugin((nuxtApp) => { export default defineNuxtPlugin((nuxtApp) => {
if (process.server) { if (import.meta.server) {
const color = useColor() const color = useColor()
} }
}) })
@ -159,7 +159,7 @@ export default defineComponent({
setup (_props, { slots, emit }) { setup (_props, { slots, emit }) {
const nuxtApp = useNuxtApp() const nuxtApp = useNuxtApp()
onErrorCaptured((err) => { onErrorCaptured((err) => {
if (process.client && !nuxtApp.isHydrating) { if (import.meta.client && !nuxtApp.isHydrating) {
// ... // ...
} }
}) })

View File

@ -117,7 +117,7 @@ import { defineNuxtPlugin } from '#imports'
import metaConfig from '#build/meta.config.mjs' import metaConfig from '#build/meta.config.mjs'
export default defineNuxtPlugin((nuxtApp) => { export default defineNuxtPlugin((nuxtApp) => {
const createHead = process.server ? createServerHead : createClientHead const createHead = import.meta.server ? createServerHead : createClientHead
const head = createHead() const head = createHead()
head.push(metaConfig.globalMeta) head.push(metaConfig.globalMeta)

View File

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

View File

@ -4,7 +4,7 @@ const { enabled: isPreview } = usePreviewMode()
const { data } = await useAsyncData(async () => { const { data } = await useAsyncData(async () => {
await new Promise(resolve => setTimeout(resolve, 200)) await new Promise(resolve => setTimeout(resolve, 200))
const fetchedOnClient = process.client const fetchedOnClient = import.meta.client
console.log(fetchedOnClient) console.log(fetchedOnClient)