booleanProp

Stability: experimental ⚠️ Experimental feature, use at your risk

Convert <Comp checked /> to <Comp :checked="true" />.

Convert <Comp !checked /> to <Comp :checked="false" />.

Options

interface Options {
  /**
   * @default '!'
   */
  negativePrefix?: string
}

vue

<script setup>
import Comp
 from './Comp.vue'
</script>

<template>
  <Comp
 checked
 !enabled
 />
</template>

vue

<script setup lang="ts">
// Comp.vue
defineProps
<{
  checked
: true
  enabled
: false
}>()
</script>

tsconfig.json

jsonc

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

Last edited about 1 month ago

View full history