hoistStatic

Stability: stable

With enabling hoistStatic, constants declared in macros of <script setup> can be referenced.

For Vue >= 3.3, this feature will be turned off by default.

Features	Supported
Vue 3	✅
Nuxt 3	✅
Vue 2	✅

Basic Usage

<script setup lang="ts">
const name = 'AppFoo'
defineOptions({
  name,
})
</script>

Compiled Code

<script lang="ts">
const name = 'AppFoo'
export default {
  name,
}
</script>

Magic Comments

<script setup lang="ts">
// A value that's even not a constant
const name = /* hoist-static */ fn()
defineOptions({
  name,
})
</script>

Compiled Code

<script lang="ts">
const name = fn()
export default {
  name,
}
</script>