password input fields

RopeScore · Mar 17, 2024 · 30f34c8 · 30f34c8
1 parent 68ce4e7
commit 30f34c8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 10 deletions.
diff --git 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
@@ -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"
     >