fix prompt

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuetify-dialog",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Dialog helper for vuetify.js",
   "scripts": {
     "build": "npm run build:umd & npm run build:es & npm run build:unpkg",

src/components/DialogCard.vue

@@ -4,11 +4,11 @@
     :class="{'v-inner-scroll': innerScroll }"
   >
     <slot name="title">
-      <v-card-title v-if="title">
-        <div
-          :class="titleClass"
-          v-text="title"
-        />
+      <v-card-title
+        v-if="title"
+        :class="titleClass"
+      >
+        {{ title }}
       </v-card-title>
     </slot>
     <v-card-text>

src/components/Prompt.vue

@@ -6,13 +6,16 @@
       :handle="handleClick"
       ref="card"
     >
-      <v-text-field
-        ref="input"
-        required
-        v-model="editedValue"
-        :label="text"
-        @keypress.enter="$emit('submit', editedValue)"
-      />
+      <v-form ref="form">
+        <v-text-field
+          ref="input"
+          v-model="editedValue"
+          :rules="rules"
+          :label="text"
+          v-bind="textField"
+          @keypress.enter="$emit('submit', editedValue)"
+        />
+      </v-form>
     </DialogCard>
   </div>
 </template>
@@ -21,32 +24,48 @@
 
 import Confirmable from 'vuedl/src/mixins/confirmable'
 import DialogCard from './DialogCard.vue'
-import { VTextField } from 'vuetify/lib'
+import { VTextField, VForm } from 'vuetify/lib'
 
 export default {
   components: {
     DialogCard,
-    VTextField
+    VTextField,
+    VForm
   },
   layout: 'default',
   mixins: [Confirmable],
   props: {
-    value: String
+    value: String,
+    rules: Array,
+    textField: Object,
+    autofocus: {
+      type: Boolean,
+      default: true
+    }
   },
   data () {
     return {
       editedValue: this.value
     }
   },
   mounted () {
-    setTimeout(() => {
-      this.$refs.input.focus()
-    }, 100)
+    if (this.autofocus) {
+      setTimeout(() => {
+        this.$refs.input.focus()
+      }, 100)
+    }
   },
   methods: {
     handleClick (res, action) {
+      if (!action.key) {
+        this.$emit('submit', action.key)
+      }
+      const valid = this.rules ? this.$refs.form.validate() : true
+      if (!valid) {
+        this.$refs.input.focus()
+        return false
+      }
       this.$emit('submit', action.key ? this.editedValue : action.key)
-      return false
     }
   }
 }