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>