diff --git a/src/App.vue b/src/App.vue
index e6efd4171..4c5bd787c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -36,7 +36,10 @@
 
 import { mapState } from 'vuex'
 import BoardSidebar from './components/board/BoardSidebar'
-import AppNavigation from './components/navigation/AppNavigation';
+import AppNavigation from './components/navigation/AppNavigation'
+import { BoardApi } from './services/BoardApi'
+
+const boardApi = new BoardApi()
 
 export default {
 	name: 'App',
@@ -78,6 +81,11 @@ export default {
 			return this.sidebarRouterView || this.sidebarShownState
 		}
 	},
+	provide: function() {
+		return {
+			boardApi: boardApi
+		}
+	},
 	created: function() {
 		this.$store.dispatch('loadBoards')
 		this.$store.dispatch('loadSharees')