mirror of
https://github.com/nuxt/nuxt.git
synced 2025-02-16 13:48:13 +00:00
docs: revert import.meta.*
update until v3.7 release
This commit is contained in:
parent
e04596ad2e
commit
98c17e5d46
@ -74,12 +74,12 @@ export const useLocale = () => useState<string>('locale', () => useDefaultLocale
|
||||
|
||||
export const useDefaultLocale = (fallback = 'en-US') => {
|
||||
const locale = ref(fallback)
|
||||
if (import.meta.server) {
|
||||
if (process.server) {
|
||||
const reqLocale = useRequestHeaders()['accept-language']?.split(',')[0]
|
||||
if (reqLocale) {
|
||||
locale.value = reqLocale
|
||||
}
|
||||
} else if (import.meta.client) {
|
||||
} else if (process.client) {
|
||||
const navLang = navigator.language
|
||||
if (navLang) {
|
||||
locale.value = navLang
|
||||
|
@ -125,12 +125,12 @@ However, if you want to avoid this behaviour you can do so:
|
||||
```js
|
||||
export default defineNuxtRouteMiddleware(to => {
|
||||
// skip middleware on server
|
||||
if (import.meta.server) return
|
||||
if (process.server) return
|
||||
// skip middleware on client side entirely
|
||||
if (import.meta.client) return
|
||||
if (process.client) return
|
||||
// or only skip middleware on initial client load
|
||||
const nuxtApp = useNuxtApp()
|
||||
if (import.meta.client && nuxtApp.isHydrating && nuxtApp.payload.serverRendered) return
|
||||
if (process.client && nuxtApp.isHydrating && nuxtApp.payload.serverRendered) return
|
||||
})
|
||||
```
|
||||
|
||||
|
@ -62,7 +62,7 @@ export default defineNuxtPlugin({
|
||||
```
|
||||
|
||||
::alert
|
||||
If you are using an object-syntax plugin, the properties may be statically analyzed in future to produce a more optimized build. So you should not define them at runtime. For example, setting `enforce: import.meta.server ? 'pre' : 'post'` would defeat any future optimization Nuxt is able to do for your plugins.
|
||||
If you are using an object-syntax plugin, the properties may be statically analyzed in future to produce a more optimized build. So you should not define them at runtime. For example, setting `enforce: process.server ? 'pre' : 'post'` would defeat any future optimization Nuxt is able to do for your plugins.
|
||||
::
|
||||
|
||||
## Plugin Registration Order
|
||||
|
@ -94,7 +94,7 @@ The entire runtime config is available on the server-side, but it is read-only t
|
||||
<script setup lang="ts">
|
||||
const config = useRuntimeConfig()
|
||||
console.log('Runtime config:', config)
|
||||
if (import.meta.server) {
|
||||
if (process.server) {
|
||||
console.log('API secret:', config.apiSecret)
|
||||
}
|
||||
</script>
|
||||
|
@ -138,6 +138,6 @@ import { createMemoryHistory } from 'vue-router'
|
||||
|
||||
// https://router.vuejs.org/api/interfaces/routeroptions.html
|
||||
export default <RouterConfig> {
|
||||
history: base => import.meta.client ? createMemoryHistory(base) : null /* default */
|
||||
history: base => process.client ? createMemoryHistory(base) : null /* default */
|
||||
}
|
||||
```
|
||||
|
@ -45,7 +45,7 @@ export default defineNuxtPlugin((nuxtApp) => {
|
||||
})
|
||||
nuxtApp.hook('vue:error', (..._args) => {
|
||||
console.log('vue:error')
|
||||
// if (import.meta.client) {
|
||||
// if (process.client) {
|
||||
// console.log(..._args)
|
||||
// }
|
||||
})
|
||||
@ -105,7 +105,7 @@ When accessing the same `payload.data` from [ssrcontext](#ssrcontext), you can a
|
||||
export const useColor = () => useState<string>('color', () => 'pink')
|
||||
|
||||
export default defineNuxtPlugin((nuxtApp) => {
|
||||
if (import.meta.server) {
|
||||
if (process.server) {
|
||||
const color = useColor()
|
||||
}
|
||||
})
|
||||
@ -137,7 +137,7 @@ export default defineComponent({
|
||||
setup (_props, { slots, emit }) {
|
||||
const nuxtApp = useNuxtApp()
|
||||
onErrorCaptured((err) => {
|
||||
if (import.meta.client && !nuxtApp.isHydrating) {
|
||||
if (process.client && !nuxtApp.isHydrating) {
|
||||
// ...
|
||||
}
|
||||
})
|
||||
|
Loading…
Reference in New Issue
Block a user