From 24b1798533dfc59e96c2faffbf270a022b8f5610 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Thu, 17 Sep 2020 12:33:55 -0400
Subject: [PATCH] Provide stores / api

---
 app/src/app.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/src/app.vue b/app/src/app.vue
index a04bee68e0..dd0c6f32e3 100644
--- a/app/src/app.vue
+++ b/app/src/app.vue
@@ -30,14 +30,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, toRefs, watch, computed } from '@vue/composition-api';
-import { useAppStore, useUserStore, useSettingsStore } from '@/stores';
+import { defineComponent, toRefs, watch, computed, provide } from '@vue/composition-api';
+import * as stores from '@/stores';
+import api from '@/api';
 
 import useWindowSize from '@/composables/use-window-size';
 import setFavicon from '@/utils/set-favicon';
 
 export default defineComponent({
 	setup() {
+		const { useAppStore, useUserStore, useSettingsStore } = stores;
+
 		const appStore = useAppStore();
 		const userStore = useUserStore();
 		const settingsStore = useSettingsStore();
@@ -98,6 +101,11 @@ export default defineComponent({
 
 		const error = computed(() => appStore.state.error);
 
+		provide('system', {
+			...stores,
+			api,
+		});
+
 		return { hydrating, brandStyle, appAccess, error };
 	},
 });