mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-15 02:14:44 +00:00
35 lines
604 B
Vue
35 lines
604 B
Vue
|
<script setup lang="ts">
|
||
|
|
const state = useState('test', () => {
|
||
|
|
let hasAccessToWindow = null as null | boolean
|
||
|
|
|
||
|
|
try {
|
||
|
|
hasAccessToWindow = Object.keys(window).at(0) ? true : false
|
||
|
|
} catch {
|
||
|
|
hasAccessToWindow = null
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
hasAccessToWindow,
|
||
|
|
isServer: import.meta.server
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
const serverRendered = useState(() => import.meta.server)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<NuxtLink to="/client-only-page/normal">
|
||
|
|
normal
|
||
|
|
</NuxtLink>
|
||
|
|
|
||
|
|
<p id="state">
|
||
|
|
{{ state }}
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p id="server-rendered">
|
||
|
|
{{ serverRendered }}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</template>
|