defineSlots

Stability: stable

Declaring type of SFC slots in <script setup> using the defineSlots.

For Vue >= 3.3, this feature will be turned off by default.

Basic Usage

vue

<script setup lang="ts">
defineSlots
<{
  // slot name
  title
: {
    // scoped slot
    foo
: 'bar' | boolean
  }
}>()
</script>

vue

<script setup lang="ts">
defineSlots
<{
  title
: (scope
: { text
: string }) => any
}>()
</script>

tsconfig.json

jsonc

{
  "vueCompilerOptions": {
    "plugins": ["unplugin-vue-macros/volar"],
  },
}

Last edited 3 months ago

View full history