Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-22 05:35:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(nuxt3): support init function for useState (#767)

Browse Source
This commit is contained in:
Anthony Fu 2021-10-12 22:28:49 +08:00 committed by GitHub
parent 70c0d8eedb
commit 9f0683079e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/nuxt3/src/app/composables/state.ts
View File

@ -5,8 +5,13 @@ import { useNuxtApp } from '#app'
* Create a global reactive ref that will be hydrated but not shared across ssr requests
*
* @param key a unique key to identify the data in the Nuxt payload
* @param init a function that provides initial value for state if it's not initiated
*/
export const useState = <T> (key: string): Ref<T> => {
export const useState = <T> (key: string, init?: (() => T)): Ref<T> => {
const nuxt = useNuxtApp()
return toRef(nuxt.payload.state, key)
const state = toRef(nuxt.payload.state, key)
if (state.value === undefined && init) {
state.value = init()
}
return state
}

5
playground/app.vue
View File

@ -15,10 +15,7 @@ const greetings = [
'こんにちは',
'你好'
]
const hello = useState('hello')
if (!hello.value) {
hello.value = greetings[Math.random() * greetings.length | 0]
}
const hello = useState('hello', () => greetings[Math.random() * greetings.length | 0])
</script>
<style scoped>