Add directives folder + focus directive

src/directives/focus.test.ts

@@ -0,0 +1,11 @@
+import { definition } from './focus';
+
+describe('Directives / Focus', () => {
+	it('Calls focus() on the element on insertion', () => {
+		const el = { focus: jest.fn() };
+		// I don't care about the exact types of this Vue internal function. We just want to make
+		// sure `focus()` is being called on `el`.
+		definition.inserted!(el as any, null as any, null as any, null as any);
+		expect(el.focus).toHaveBeenCalled();
+	});
+});

src/directives/focus.ts

@@ -0,0 +1,9 @@
+import Vue, { DirectiveOptions, DirectiveFunction } from 'vue';
+
+export const definition: DirectiveOptions = {
+	inserted(el) {
+		el.focus();
+	}
+};
+
+Vue.directive('focus', definition);

src/directives/index.ts

@@ -0,0 +1,2 @@
+import './focus';
+import './tooltip';

src/directives/readme.md

@@ -0,0 +1,3 @@
+# Directives
+
+Directives are functions that are available on Vue components in templates. For example `v-focus` or `v-tooltip="'Hello world!'`

src/directives/tooltip.ts

@@ -0,0 +1 @@
+console.log('hi');