From 30f34c8a9ada0381fd013fc0543ffb582c9e106e Mon Sep 17 00:00:00 2001
From: Svante Bengtson <svante@swantzter.se>
Date: Sun, 17 Mar 2024 22:21:01 +0100
Subject: [PATCH] password input fields

---
 lib/components/ButtonLink.vue       |  4 ++--
 lib/components/Fields/TextField.vue | 11 +++--------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/lib/components/ButtonLink.vue b/lib/components/ButtonLink.vue
index bc0790b..5fa93a2 100644
--- a/lib/components/ButtonLink.vue
+++ b/lib/components/ButtonLink.vue
@@ -3,7 +3,7 @@ import TextButton from './TextButton.vue'
 import { RouterLink } from 'vue-router'
 
 defineProps({
-  ...TextButton.props,
+  ...TextButton.props
 })
 </script>
 
@@ -14,7 +14,7 @@ export default {
 </script>
 
 <template>
-  <router-link :to="to" v-slot="{ href, navigate, isActive }" v-bind="$attrs" custom>
+  <router-link v-slot="{ href, navigate, isActive }" :to="to" v-bind="$attrs" custom>
     <a :href="href" @click.prevent="disabled ? null : navigate()">
       <text-button v-bind="$props">
         <slot :is-active="isActive" />
diff --git a/lib/components/Fields/TextField.vue b/lib/components/Fields/TextField.vue
index a86fd34..2e46720 100644
--- a/lib/components/Fields/TextField.vue
+++ b/lib/components/Fields/TextField.vue
@@ -14,7 +14,7 @@ const props = defineProps({
     default: false
   },
   type: {
-    type: String as PropType<'text' | 'number' | 'date' | 'email' | 'url'>,
+    type: String as PropType<'text' | 'number' | 'date' | 'email' | 'url' | 'password'>,
     default: 'text'
   },
   modelValue: {
@@ -68,13 +68,8 @@ export default {
       :list="dataList.length ? `${id}-list` : undefined"
       class=":uno: text-base block border-0 border-b-gray-500 border-b-2 w-full bg-transparent disabled:bg-gray-200 invalid:bg-red-100"
       :class="{
-        'p-0': dense,
-        'px-0.5': dense,
-        'm-0': dense,
-
-        'pt-4': !dense,
-        'pb-1': !dense,
-        'px-3': !dense
+        'p-0 px-0.5 m-0': dense,
+        'pt-4 pb-1 px-3': !dense,
       }"
       @input="input"
     >