Move focus directive to seperate file

src/directives/focus.js

@@ -0,0 +1,12 @@
+export default {
+	// When the bound element is inserted into the DOM...
+	inserted: (el, {modifiers}) => {
+		// Focus the element only if the viewport is big enough
+		// auto focusing elements on mobile can be annoying since in these cases the
+		// keyboard always pops up and takes half of the available space on the screen.
+		// The threshhold is the same as the breakpoints in css.
+		if (window.innerWidth > 769 || (typeof modifiers.always !== 'undefined' && modifiers.always)) {
+			el.focus()
+		}
+	},
+}

src/main.js

@@ -144,19 +144,8 @@ Vue.use(VTooltip, {defaultHtml: false})
 
 Vue.use(vueShortkey)
 
-// Set focus
+import focus from '@/directives/focus'
-Vue.directive('focus', {
+Vue.directive('focus', focus)
-	// When the bound element is inserted into the DOM...
-	inserted: (el, {modifiers}) => {
-		// Focus the element only if the viewport is big enough
-		// auto focusing elements on mobile can be annoying since in these cases the
-		// keyboard always pops up and takes half of the available space on the screen.
-		// The threshhold is the same as the breakpoints in css.
-		if (window.innerWidth > 769 || (typeof modifiers.always !== 'undefined' && modifiers.always)) {
-			el.focus()
-		}
-	},
-})
 
 Vue.mixin({
 	methods: {