Toggle to hide or show password in Vuetify

index

<template>
  <v-text-field
    name="password"
    :value="myPass"
    label="Enter password"
    :append-icon="value ? 'visibility' : 'visibility_off'"
    @click:append="() => (value = !value)"
    :type="value ? 'password' : 'text'"
  ></v-text-field>
</template>

<script>
  export default {
    data() {
      return {
        value: String,
      };
    },
  };
</script>