@poupe/vue
Version:
Vue component library for Poupe UI framework with theme customization and accessibility support
13 lines (12 loc) • 455 B
JavaScript
import "@iconify/vue";
import { computed, ref, toValue } from "vue";
import { usePoupeIcons } from "./use-icons.mjs";
export function usePasswordToggle(origType) {
const { poupe: icons } = usePoupeIcons().icons;
const showPassword = ref(false);
return {
showPassword,
passwordToggleIcon: computed(() => showPassword.value ? icons.hidePassword : icons.showPassword),
typeAttr: computed(() => showPassword.value ? "text" : toValue(origType))
};
}