Merge pull request #827 from nextcloud/backport/816/stable25

[stable25] Mount menu entry into Vue user menu

appinfo/info.xml

@@ -38,7 +38,6 @@ The First run wizard can be customized to meet specific design goals, or to chan
 		<navigation>
 			<id>firstrunwizard_about</id>
 			<name>About</name>
-			<route>files.view.index</route>
 			<icon>info.svg</icon>
 			<order>99990</order>
 			<type>settings</type>

js/about.js

@@ -1,6 +1,9 @@
 document.addEventListener('DOMContentLoaded', function() {
-	var aboutEntry = document.querySelector('#expanddiv li[data-id="firstrunwizard_about"] a');
-	if (aboutEntry) {
+	const aboutEntry = document.querySelector('#firstrunwizard_about button');
+
+	const addListener = () => {
+		const aboutEntry = document.querySelector('#firstrunwizard_about button');
+
 		aboutEntry.addEventListener('click', function (event) {
 			event.stopPropagation();
 			event.preventDefault();
@@ -13,4 +16,10 @@ document.addEventListener('DOMContentLoaded', function() {
 			return true;
 		});
 	}
+
+	if (aboutEntry) {
+		addListener()
+	} else {
+		window._nc_event_bus.subscribe('core:user-menu:mounted', addListener)
+	}
 });