Nuxt/test/fixtures/basic/pages/client-only-page/index.client.vue
2024-03-06 14:38:39 +00:00

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>