reuse config for media menu item

src/Umbraco.Web.UI.Client/src/packages/media/media/menu-item/manifests.ts

@@ -1,15 +1,17 @@
-import type { ManifestMenuItem } from '@umbraco-cms/backoffice/extension-registry';
+import type { ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
 
-const menuItem: ManifestMenuItem = {
+const menuItem: ManifestTypes = {
 	type: 'menuItem',
+	kind: 'tree',
 	alias: 'Umb.MenuItem.Media',
 	name: 'Media Menu Item',
 	weight: 100,
-	loader: () => import('./media-menu-item.element.js'),
 	meta: {
 		label: 'Media',
 		icon: 'icon-folder',
 		menus: ['Umb.Menu.Media'],
+		treeAlias: 'Umb.Tree.Media',
+		hideTreeRoot: true,
 	},
 };
 

src/Umbraco.Web.UI.Client/src/packages/media/media/menu-item/media-menu-item.element.ts

@@ -1,17 +0,0 @@
-import { html, customElement } from '@umbraco-cms/backoffice/external/lit';
-import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
-
-@customElement('umb-media-menu-item')
-export class UmbMediaMenuItemElement extends UmbLitElement {
-	render() {
-		return html`<umb-tree alias="Umb.Tree.Media" hide-tree-root></umb-tree>`;
-	}
-}
-
-export default UmbMediaMenuItemElement;
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'umb-media-menu-item': UmbMediaMenuItemElement;
-	}
-}

src/Umbraco.Web.UI.Client/src/packages/media/media/tree/manifests.ts

@@ -1,11 +1,11 @@
 import { MEDIA_REPOSITORY_ALIAS } from '../repository/manifests.js';
 import type { ManifestTree, ManifestTreeItem } from '@umbraco-cms/backoffice/extension-registry';
 
-const treeAlias = 'Umb.Tree.Media';
+const UMB_MEDIA_TREE_ALIAS = 'Umb.Tree.Media';
 
 const tree: ManifestTree = {
 	type: 'tree',
-	alias: treeAlias,
+	alias: UMB_MEDIA_TREE_ALIAS,
 	name: 'Media Tree',
 	meta: {
 		repositoryAlias: MEDIA_REPOSITORY_ALIAS,