Disabling attribute inheritance / set component options using script setup and Typescript

Question

When using script setup syntax with Typescript in Vue 3, how can I set a component's options to disable attribute inheritance?

JavaScript code:

app.component('date-picker', {
  inheritAttrs: false,
  // [..]
})

Script setup with Typescript:

<script setup lang="ts">
// how can I set inheritAttrs here?
</script>

me.at.coding · Accepted Answer · 2022-01-25 21:34:34Z

2

Found the solution here: https://v3.vuejs.org/api/sfc-script-setup.html#usage-alongside-normal-script

<script setup> can be used alongside normal <script>. A normal <script> may be needed in cases where you need to:

Declare options that cannot be expressed in <script setup>, for example inheritAttrs or custom options enabled via plugins.

So this did the job:

<script lang="ts">
export default {
  inheritAttrs: false,
}
</script>

answered Jan 25, 2022 at 21:34

me.at.coding

18.5k49 gold badges187 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Disabling attribute inheritance / set component options using script setup and Typescript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related