mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 08:33:53 +00:00
docs: replace process.*
with import.meta.*
(#26611)
This commit is contained in:
parent
fe9667939a
commit
386be0b866
@ -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
|
||||||
|
@ -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
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
@ -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>
|
||||||
|
@ -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 */
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
@ -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) {
|
||||||
// ...
|
// ...
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -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)
|
||||||
|
|
||||||
|
@ -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)
|
||||||
|
2
test/fixtures/basic/pages/preview/index.vue
vendored
2
test/fixtures/basic/pages/preview/index.vue
vendored
@ -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)
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user