shortEmits

Stability: stable

Simplify the definition of emits.

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

Features	Supported
Vue 3	✅
Vue 2	✅
TypeScript	✅

Basic Usage

<script setup lang="ts">
import { defineEmits } from 'unplugin-vue-macros/macros'

const emits = defineEmits<{
  // tuple
  'update:modelValue': [val: string]
  // function
  update: (val: string) => void
}>()
</script>

Using type ShortEmits or for short SE.

<script setup lang="ts">
const emits = defineEmits<
  SE<{
    // tuple
    'update:modelValue': [val: string]
    // function
    update: (val: string) => void
  }>
>()
</script>

Difference with Official Version

• function style of declaration is not supported by official version.

Contributors

Kevin Deng

Changelog

Last edited about 11 hours ago

View full history

4e2cca7-refactor: remove dev condition from exports