如何在Vuetify中将文本字段的内容自动大写？

<template>
  <v-text-field v-model="text" label="文本字段"></v-text-field>
</template>

<script>
export default {
  data() {
    return {
      text: ''
    }
  },
  computed: {
    uppercaseText() {
      return this.text.toUpperCase();
    }
  }
}
</script>

<template>
  <v-text-field v-model="text" label="文本字段"></v-text-field>
  <p>转换后的大写文本：{{ uppercaseText }}</p>
</template>