mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-25 15:15:19 +00:00
69 lines
1.4 KiB
Vue
69 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import { ShouldNotBeKeyed } from '~/other-composables-folder/local'
|
|
|
|
function localScopedComposables () {
|
|
const _assert = (key?: string) => key ?? 'was not keyed'
|
|
|
|
function basic () {
|
|
function useState (key?: string) {
|
|
return _assert(key)
|
|
}
|
|
const useAsyncData = _assert
|
|
|
|
return [useState(), useAsyncData()]
|
|
}
|
|
|
|
function hoisting () {
|
|
return [useState()]
|
|
|
|
function useState (key?: string) {
|
|
return _assert(key)
|
|
}
|
|
}
|
|
|
|
function complex () {
|
|
const [useState] = [_assert]
|
|
const { a: useAsyncData } = {
|
|
a: _assert,
|
|
}
|
|
const [_, { b: useLazyAsyncData }] = [null, {
|
|
b: _assert,
|
|
}]
|
|
|
|
return [useState(), useAsyncData(), useLazyAsyncData()]
|
|
}
|
|
|
|
function deeperScope () {
|
|
const useState = _assert
|
|
|
|
return [(function () {
|
|
return useState()
|
|
})()]
|
|
}
|
|
|
|
function fromNonComponentFile () {
|
|
return [_assert(ShouldNotBeKeyed)]
|
|
}
|
|
|
|
function useCustomKeyedComposable (arg?: string) {
|
|
return _assert(arg)
|
|
}
|
|
|
|
return [...basic(), ...hoisting(), ...complex(), ...deeperScope(), ...fromNonComponentFile(), useCustomKeyedComposable()]
|
|
}
|
|
const skippedLocalScopedComposables = localScopedComposables().every(res => res === 'was not keyed')
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
{{ skippedLocalScopedComposables }}
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
body {
|
|
background-color: #000;
|
|
color: #fff;
|
|
}
|
|
</style>
|