<script setup>

Table of Contents

• When to Use
• Instructions
• Details
• Source

<script setup> is compile-time syntactic sugar for using the Composition API in Vue single-file components. It eliminates boilerplate by automatically exposing top-level bindings to the template without an explicit return statement.

When to Use

• Use this as the recommended syntax when using both SFCs and the Composition API in Vue 3
• This is helpful for reducing boilerplate in component definitions

Instructions