305 - Capitalize

[GuzmanGuerra]

Componente padre

<script setup>
import { ref } from 'vue'
import InputText from './InputText.vue'

const value = ref("")

</script>

<template>
  <InputText v-model.capitalize="value" />
</template>

Componente hijo

<script setup>

const [model, modifiers] = defineModel({
  set(value) {
    if (modifiers.capitalize) {
      return value.charAt(0).toUpperCase() + value.slice(1)
    }
    return value
  }
})
</script>

<template>
  <input type="text" v-model="model" />
</template>