How to append an icon to show/hide password with vuetify

<v-text-field id="password" name="password" label="password" :type="show ?'text': 'password'" :append-icon="show ?'mdi-eye':'mdi-eye-off'" @click:append="show=!show"> </v-text-field> 

<script> export default { data() { return { show:false } } } </script>