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.

Basic Usage

vue

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

Compiled Code

vue

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

vue

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

Compiled Code

vue

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

Last edited about 1 year ago

View full history