feat(frontend): add vuex

frontend/store/index.ts

@@ -0,0 +1,36 @@
+import { ActionTree, MutationTree } from 'vuex';
+import { Task } from 'taskwarrior-lib';
+import { getAccessorType } from 'typed-vuex';
+
+export const state = () => ({
+	tasks: [] as Task[]
+});
+
+export type RootState = ReturnType<typeof state>;
+
+export const mutations: MutationTree<RootState> = {
+	setTasks(state, tasks: Task[]) {
+		state.tasks = tasks;
+	}
+};
+
+export const actions: ActionTree<RootState, RootState> = {
+	async fetchTasks(context) {
+		const tasks: Task[] = await this.$axios.$get('/api/tasks');
+		context.commit('setTasks', tasks);
+	},
+
+	async deleteTasks(context, tasks: Task[]) {
+		await this.$axios.$delete('/api/tasks', {
+			params: { tasks: tasks.map(task => task.uuid) }
+		});
+		const newTasks = context.state.tasks.filter(task => tasks.findIndex(t => t.uuid === task.uuid) === -1);
+		context.commit('setTasks', newTasks);
+	}
+};
+
+export const accessorType = getAccessorType({
+	state,
+	mutations,
+	actions
+});

frontend/types/index.d.ts

@@ -0,0 +1,13 @@
+import { accessorType } from '~/store';
+
+declare module 'vue/types/vue' {
+	interface Vue {
+		$accessor: typeof accessorType
+	}
+}
+
+declare module '@nuxt/types' {
+	interface NuxtAppOptions {
+		$accessor: typeof accessorType
+	}
+}