How to define component name in Vue3 setup tag?

Question

In the export default {} method, there is a name property to define the component name, which is useful for the Vue Devtools, but what's the equivalent in the new <script setup> syntax?

Answer 1

Declaring Additional Options

The <script setup> syntax provides the ability to express equivalent functionality of most existing Options API options except for a few:

• name
• inheritAttrs
• Custom options needed by plugins or libraries

If you need to declare these options, use a separate normal block with export default:

<script>
  export default {
    name: 'CustomName',
    inheritAttrs: false,
    customOptions: {}
  }
</script>

<script setup>
  // script setup logic
</script>

Source: link