Port Files navigation to vue

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>

1 files changed, 31 insertions, 3 deletions

diff --git a/apps/files/src/main.js b/apps/files/src/main.js
index a979822bdc4..948e1b68aca 100644
--- a/apps/files/src/main.js
+++ b/apps/files/src/main.js
@@ -1,3 +1,31 @@
-import './files-app-settings'
-import './templates'
-import './legacy/filelistSearch'
+import './files-app-settings.js'
+import './templates.js'
+import './legacy/filelistSearch.js'
+import processLegacyFilesViews from './legacy/navigationMapper.js'
+
+import Vue from 'vue'
+import NavigationService from './services/Navigation.ts'
+import NavigationView from './views/Navigation.vue'
+
+import router from './router/router.js'
+
+// Init Files App Navigation Service
+const Navigation = new NavigationService()
+
+// Assign Navigation Service to the global OCP.Files
+window.OCP.Files = window.OCP.Files ?? {}
+Object.assign(window.OCP.Files, { Navigation })
+
+// Init Navigation View
+const View = Vue.extend(NavigationView)
+const FilesNavigationRoot = new View({
+	name: 'FilesNavigationRoot',
+	propsData: {
+		Navigation,
+	},
+	router,
+})
+FilesNavigationRoot.$mount('#app-navigation-files')
+
+// Init legacy files views
+processLegacyFilesViews()