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()
+		}
+	},
+}