diff --git a/src/components/prompts/Download.vue b/src/components/prompts/Download.vue
index 6eb743b1..1cb2a98e 100644
--- a/src/components/prompts/Download.vue
+++ b/src/components/prompts/Download.vue
@@ -7,11 +7,11 @@
     <div class="card-content">
       <p>{{ $t('prompts.downloadMessage') }}</p>
 
-      <button class="block cancel" @click="download('zip')" autofocus>zip</button>
-      <button class="block cancel" @click="download('tar')" autofocus>tar</button>
-      <button class="block cancel" @click="download('targz')" autofocus>tar.gz</button>
-      <button class="block cancel" @click="download('tarbz2')" autofocus>tar.bz2</button>
-      <button class="block cancel" @click="download('tarxz')" autofocus>tar.xz</button>
+      <button class="block cancel" @click="download('zip')" v-focus>zip</button>
+      <button class="block cancel" @click="download('tar')" v-focus>tar</button>
+      <button class="block cancel" @click="download('targz')" v-focus>tar.gz</button>
+      <button class="block cancel" @click="download('tarbz2')" v-focus>tar.bz2</button>
+      <button class="block cancel" @click="download('tarxz')" v-focus>tar.xz</button>
     </div>
   </div>
 </template>
diff --git a/src/components/prompts/NewArchetype.vue b/src/components/prompts/NewArchetype.vue
index 6ec99fb4..90164156 100644
--- a/src/components/prompts/NewArchetype.vue
+++ b/src/components/prompts/NewArchetype.vue
@@ -6,7 +6,7 @@
 
     <div class="card-content">
       <p>{{ $t('prompts.newArchetype') }}</p>
-      <input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
+      <input v-focus type="text" @keyup.enter="submit" v-model.trim="name">
       <input type="text" @keyup.enter="submit" v-model.trim="archetype">
     </div>
 
diff --git a/src/components/prompts/NewDir.vue b/src/components/prompts/NewDir.vue
index 7730ad22..efee4c7d 100644
--- a/src/components/prompts/NewDir.vue
+++ b/src/components/prompts/NewDir.vue
@@ -6,7 +6,7 @@
 
     <div class="card-content">
       <p>{{ $t('prompts.newDirMessage') }}</p>
-      <input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
+      <input type="text" @keyup.enter="submit" v-model.trim="name" v-focus >
     </div>
 
     <div class="card-action">
diff --git a/src/components/prompts/NewFile.vue b/src/components/prompts/NewFile.vue
index c7729b9c..f124b828 100644
--- a/src/components/prompts/NewFile.vue
+++ b/src/components/prompts/NewFile.vue
@@ -6,7 +6,7 @@
 
     <div class="card-content">
       <p>{{ $t('prompts.newFileMessage') }}</p>
-      <input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
+      <input v-focus type="text" @keyup.enter="submit" v-model.trim="name">
     </div>
 
     <div class="card-action">
diff --git a/src/components/prompts/Rename.vue b/src/components/prompts/Rename.vue
index f4fadb70..d9e0725b 100644
--- a/src/components/prompts/Rename.vue
+++ b/src/components/prompts/Rename.vue
@@ -6,7 +6,7 @@
 
     <div class="card-content">
       <p>{{ $t('prompts.renameMessage') }} <code>{{ oldName() }}</code>:</p>
-      <input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
+      <input v-focus type="text" @keyup.enter="submit" v-model.trim="name">
     </div>
 
     <div class="card-action">
diff --git a/src/components/prompts/Schedule.vue b/src/components/prompts/Schedule.vue
index fbb5b772..ba99974b 100644
--- a/src/components/prompts/Schedule.vue
+++ b/src/components/prompts/Schedule.vue
@@ -6,7 +6,7 @@
 
     <div class="card-content">
       <p>{{ $t('prompts.scheduleMessage') }}</p>
-      <input autofocus type="datetime-local" v-model="date">
+      <input v-focus type="datetime-local" v-model="date">
     </div>
 
     <div class="card-action">
diff --git a/src/components/prompts/Share.vue b/src/components/prompts/Share.vue
index 5408af6a..9710a767 100644
--- a/src/components/prompts/Share.vue
+++ b/src/components/prompts/Share.vue
@@ -28,7 +28,7 @@
         </li>
 
         <li>
-          <input autofocus
+          <input v-focus
             type="number"
             max="2147483647"
             min="0"
diff --git a/src/main.js b/src/main.js
index 339c7844..e2f7f93e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -43,6 +43,12 @@ Vue.prototype.$showError = function (error) {
   n.show()
 }
 
+Vue.directive('focus', {
+  inserted: function (el) {
+    el.focus()
+  }
+})
+
 /* eslint-disable no-new */
 new Vue({
   el: '#app',
diff --git a/src/views/settings/User.vue b/src/views/settings/User.vue
index 53a4175b..035672f2 100644
--- a/src/views/settings/User.vue
+++ b/src/views/settings/User.vue
@@ -78,7 +78,7 @@
       <div class="card-action">
         <button class="cancel flat"
           @click="closeHovers"
-          autofocus
+          v-focus
           :aria-label="$t('buttons.cancel')"
           :title="$t('buttons.cancel')">
           {{ $t('buttons.cancel') }}